@charset "UTF-8";
* { -ms-touch-action: pan-y; touch-action: pan-y; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

*:not(input, textarea) { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }

html { color: #333; }

body { background: #fff none repeat scroll 0 0; color: #333; font: 12px "microsoft yahei", Arial, Verdana; overflow-x: hidden; }

html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td { margin: 0; padding: 0; }

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; margin: 0; padding: 0; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

a { text-decoration: none; color: #08acee; }

a:active, a:hover { outline: 0; }

mark { color: #333; background: #ff0; }

small { font-size: 80%; }

img { border: 0; vertical-align: bottom; }

button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; }

li { list-style: none; }

i { font-style: normal; }

a { color: #333; }

em { font-style: normal; }

h2, h3 { font-weight: 500; }

.clearfix::after { clear: both; content: ""; display: block; height: 0; visibility: hidden; zoom: 1; }

.clear { clear: both; zoom: 1; }

.fl { float: left; }

.fr { float: right; }

@font-face { font-style: normal; font-family: 'fontnum'; src: url(../fonts/DINPRO-LIGHT.OTF); }

@media screen and (min-width: 1500px) { .view-width { max-width: 90%; margin: 0 auto; }
  .fixed-width { width: 1200px; margin: 0 auto; }
  body { --navAPadding: 0 30px; --navAFontSize: 14px; } }

@media screen and (min-width: 1200px) and (max-width: 1500px) { .view-width { max-width: 90%; margin: 0 auto; }
  .fixed-width { width: 1200px; margin: 0 auto; }
  body { --navAPadding: 0 20px; --navAFontSize: 14px; } }

@media screen and (max-width: 1199px) { .view-width { width: 100%; }
  .fixed-width { width: 100%; } }

@media screen and (min-width: 1200px) { /* 公共部分-开始 */
  /* 头部 */
  .header { width: 100%; height: 50px; }
  .header.header-index { height: 0; }
  .header .header-fixed { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 50px; color: #fff; z-index: 99; -webkit-transition: all 1s; -o-transition: all 1s; -moz-transition: all 1s; transition: all 1s; }
  .header .header-fixed.header-fixed-index { top: -50px; -webkit-transition: all 1s; -o-transition: all 1s; -moz-transition: all 1s; transition: all 1s; }
  .header .header-fixed a { color: #fff; }
  .header .header-fixed .header-container { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; }
  .header .header-fixed .header-container .logo { height: 60%; }
  .header .header-fixed .header-container .logo img { height: 100%; }
  .header .header-fixed .header-container .nav { max-width: 70%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; -moz-box-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; font-size: var(--navAFontSize, 12px); text-align: center; margin-left: auto; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
  .header .header-fixed .header-container .nav.nav-hide { opacity: 0; visibility: hidden; }
  .header .header-fixed .header-container .nav .nav-close { display: none; }
  .header .header-fixed .header-container .nav > li { height: 100%; position: relative; line-height: 80px; }
  .header .header-fixed .header-container .nav > li.active::before { opacity: 1; }
  .header .header-fixed .header-container .nav > li:hover::before { opacity: 1; }
  .header .header-fixed .header-container .nav > li .nav-item-more { display: none; }
  .header .header-fixed .header-container .nav > li::before { content: ""; position: absolute; bottom: 0; left: 50%; width: 50%; height: 2px; background-color: #fff; z-index: 4; padding: 0 10px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
  .header .header-fixed .header-container .nav > li > a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; width: 100%; height: 100%; line-height: 20px; padding: var(--navAPadding, 0); -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; letter-spacing: 1px; white-space: normal; word-wrap: break-word; }
  .header .header-fixed .header-container .nav > li .nav-child-box { position: absolute; top: 49px; left: 50%; min-width: 150px; width: 100%; opacity: 0; display: none; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 3; }
  .header .header-fixed .header-container .nav > li .nav-child-box .nav-child { width: 100%; background-color: rgba(0, 0, 0, 0.5); }
  .header .header-fixed .header-container .nav > li .nav-child-box .nav-child li { width: 100%; min-height: 40px; font-size: var(--navAFontSize, 12px); }
  .header .header-fixed .header-container .nav > li .nav-child-box .nav-child li:hover a { color: #fff; }
  .header .header-fixed .header-container .nav > li .nav-child-box .nav-child li a { width: 100%; min-height: 40px; line-height: 25px; display: block; letter-spacing: 1px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; color: rgba(255, 255, 255, 0.6); -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
  .header .header-fixed .header-container .nav-btn { width: 23px; height: 15px; margin: 0 25px 0 35px; background: url(../images/nav_icon.png) no-repeat center; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; cursor: pointer; }
  .header .header-fixed .header-container .switch-language { font-size: 12px; cursor: pointer; }
  /* 底部 */
  .footer { width: 100%; background-color: #5b5b5b; color: #d2d2d2; padding: 16px 0; font-size: 12px; position: relative; z-index: 2; }
  .footer .fixed-width { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; }
  .footer .fixed-width .footer-info { line-height: 30px; }
  .footer .fixed-width .footer-info .footer-info-address { cursor: pointer; }
  .footer .fixed-width .footer-info .footer-info-address:hover { text-decoration: underline; }
  .footer .fixed-width .footer-info a { color: #d2d2d2; }
  .footer .fixed-width .footer-info a:hover { text-decoration: underline; }
  .footer .fixed-width .footer-info .footer-info-copy p { margin-right: 20px; line-height: 22px; }
  .footer .fixed-width .footer-info .footer-info-copy .link-ism { margin-left: 5px; }
  .footer .fixed-width .footer-info .footer-info-copy .link-dio { margin: 0 10px; }
  .footer .fixed-width .footer-info .footer-info-copy .link-oa, .footer .fixed-width .footer-info .footer-info-copy .link-copy { margin-left: 20px; }
  .footer .fixed-width .footer-attention { position: relative; }
  .footer .fixed-width .footer-attention a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; -moz-box-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; color: #d2d2d2; }
  .footer .fixed-width .footer-attention a .footer-attention-wechat { margin-right: 15px; }
  .footer .fixed-width .footer-attention a img { width: 44px; height: 44px; }
  .footer .fixed-width .footer-attention .footer-attention-tips { position: absolute; bottom: 60px; left: 50%; -webkit-transform: translateX(-50%) scale(0.1); -ms-transform: translateX(-50%) scale(0.1); -moz-transform: translateX(-50%) scale(0.1); -o-transform: translateX(-50%) scale(0.1); transform: translateX(-50%) scale(0.1); background-color: #AB947D; visibility: hidden; opacity: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
  .footer .fixed-width .footer-attention .footer-attention-tips.hover { opacity: 1; visibility: visible; -webkit-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); -moz-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); }
  .footer .fixed-width .footer-attention .footer-attention-tips::before { content: ""; position: absolute; left: -webkit-calc(50% - 5px); left: -moz-calc(50% - 5px); left: calc(50% - 5px); bottom: -5px; width: 10px; height: 10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background-color: #ab947d; z-index: 2; }
  .footer .fixed-width .footer-attention .footer-attention-tips img { width: 150px; height: 150px; position: relative; z-index: 1; }
  .body-join { background-color: #f0f0f0; }
  /* 加载框 */
  .load-page { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; background-color: rgba(255, 255, 255, 0.8); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; -ms-touch-action: none; touch-action: none; opacity: 1; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
  .load-page.load-page-hide { opacity: 0; visibility: hidden; }
  .load-page img { max-width: 100%; max-height: 100%; }
  .back-top { position: fixed; right: 40px; bottom: 110px; z-index: 50; width: 60px; height: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; background-color: #c0af9f; cursor: pointer; opacity: 0; visibility: hidden; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
  .back-top.back-top-show { opacity: 1; visibility: visible; }
  .back-top i { font-size: 40px; line-height: 40px; color: #fff; }
  @-webkit-keyframes cricleIn { 0% { opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0); }
    50% { opacity: 1; }
    100% { opacity: 0;
      -webkit-transform: scale(1);
      transform: scale(1); } }
  @-moz-keyframes cricleIn { 0% { opacity: 0;
      -moz-transform: scale(0);
      transform: scale(0); }
    50% { opacity: 1; }
    100% { opacity: 0;
      -moz-transform: scale(1);
      transform: scale(1); } }
  @-o-keyframes cricleIn { 0% { opacity: 0;
      -o-transform: scale(0);
      transform: scale(0); }
    50% { opacity: 1; }
    100% { opacity: 0;
      -o-transform: scale(1);
      transform: scale(1); } }
  @keyframes cricleIn { 0% { opacity: 0;
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0); }
    50% { opacity: 1; }
    100% { opacity: 0;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); } }
  .mouse-cricle { position: absolute; top: 0; left: 0; z-index: 999999; width: 40px; height: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 2px solid #fff; cursor: pointer; -webkit-animation: cricleIn .8s ease-in-out infinite both; -moz-animation: cricleIn .8s ease-in-out infinite both; -o-animation: cricleIn .8s ease-in-out infinite both; animation: cricleIn .8s ease-in-out infinite both; }
  /* 公共部分-结束 */
  /* 首页-开始 */
  .banner { width: 100%; height: 95vh; }
  .banner .swiper-silde { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -moz-box-align: start; align-items: flex-start; }
  .banner img { width: 100%; height: 100%; }
  .banner .swiper-silde { width: 100%; height: 100%; }
  .banner .banner-content { position: absolute; left: 6%; bottom: 10%; }
  .banner .banner-content .banner-content-img { overflow: hidden; position: relative; }
  /* .banner .banner-content .banner-content-img:nth-child(2) { margin: 20px 0 25px; } */
  .banner .banner-content .banner-content-img img { position: absolute; left: 0; top: 0; width: auto; height: auto; max-width: 100%; vertical-align: top; -webkit-transition: all 1.5s; -o-transition: all 1.5s; -moz-transition: all 1.5s; transition: all 1.5s; }
  .banner .banner-text { position: absolute; right: 120px; bottom: 30px; color: #fff; text-transform: uppercase; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0; -webkit-animation: textIn .8s ease 2.1s both; -moz-animation: textIn .8s ease 2.1s both; -o-animation: textIn .8s ease 2.1s both; animation: textIn .8s ease 2.1s both; }
  .banner .banner-text .banner-text-en { font-size: 12px; line-height: 30px; padding: 0 10px; }
  .banner .banner-text .banner-text-line { position: relative; width: 30px; height: 1px; overflow: hidden; }
  .banner .banner-text .banner-text-line::before { content: ""; position: absolute; top: 0; left: -30px; width: 100%; height: 100%; background-color: #fff; -webkit-animation: linePlay 1.5s ease infinite both; -moz-animation: linePlay 1.5s ease infinite both; -o-animation: linePlay 1.5s ease infinite both; animation: linePlay 1.5s ease infinite both; }
  @-webkit-keyframes textIn { 0% { bottom: 30px;
      opacity: 0; }
    100% { bottom: 50px;
      opacity: 1; } }
  @-moz-keyframes textIn { 0% { bottom: 30px;
      opacity: 0; }
    100% { bottom: 50px;
      opacity: 1; } }
  @-o-keyframes textIn { 0% { bottom: 30px;
      opacity: 0; }
    100% { bottom: 50px;
      opacity: 1; } }
  @keyframes textIn { 0% { bottom: 30px;
      opacity: 0; }
    100% { bottom: 50px;
      opacity: 1; } }
  @-webkit-keyframes linePlay { 0% { left: -30px; }
    100% { left: 30px; } }
  @-moz-keyframes linePlay { 0% { left: -30px; }
    100% { left: 30px; } }
  @-o-keyframes linePlay { 0% { left: -30px; }
    100% { left: 30px; } }
  @keyframes linePlay { 0% { left: -30px; }
    100% { left: 30px; } }
  .banner .banner-video { width: 100%; height: 100%; background-color: #000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; }
  .banner .banner-video video { width: 100%; outline: none; }
  .banner .banner-video-not { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; color: #fff; font-size: 18px; }
  .banner .swiper-button-prev, .banner .swiper-button-next { --swiper-navigation-size: 32px; --swiper-navigation-color: #AB947D; outline: none; width: 64px; height: 64px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 2px solid #AB947D; }
  .banner .swiper-button-prev { left: 50px; }
  .banner .swiper-button-next { right: 50px; }
  .index-pagein { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: #fff; z-index: 99; -webkit-animation: pageOut .8s ease 1.2s both; -moz-animation: pageOut .8s ease 1.2s both; -o-animation: pageOut .8s ease 1.2s both; animation: pageOut .8s ease 1.2s both; }
  .index-pagein .index-sub-pagein { position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background-color: rgba(171, 148, 125, 0.4); overflow: hidden; -webkit-animation: subPageIn .8s ease .3s both; -moz-animation: subPageIn .8s ease .3s both; -o-animation: subPageIn .8s ease .3s both; animation: subPageIn .8s ease .3s both; }
  .index-pagein .index-sub-pagein .index-sub-pagein-content { position: absolute; bottom: 50vh; left: 50%; -webkit-transform: translate(-50%, 50%); -moz-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); -o-transform: translate(-50%, 50%); transform: translate(-50%, 50%); color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .index-pagein .index-sub-pagein .index-sub-pagein-content img { max-width: 100%; margin-bottom: 70px; position: relative; }
  .index-pagein .index-sub-pagein .index-sub-pagein-content img:first-child { -webkit-animation: imgUp .3s ease 1.2s both; -moz-animation: imgUp .3s ease 1.2s both; -o-animation: imgUp .3s ease 1.2s both; animation: imgUp .3s ease 1.2s both; }
  .index-pagein .index-sub-pagein .index-sub-pagein-content img:last-child { margin-bottom: 0; }
  .index-pagein .index-sub-pagein .index-sub-pagein-content.next { bottom: auto; top: 50vh; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  @-webkit-keyframes subPageIn { 0% { height: 0; }
    100% { height: 100%; } }
  @-moz-keyframes subPageIn { 0% { height: 0; }
    100% { height: 100%; } }
  @-o-keyframes subPageIn { 0% { height: 0; }
    100% { height: 100%; } }
  @keyframes subPageIn { 0% { height: 0; }
    100% { height: 100%; } }
  @-webkit-keyframes pageOut { 0% { height: 100%; }
    100% { height: 0; } }
  @-moz-keyframes pageOut { 0% { height: 100%; }
    100% { height: 0; } }
  @-o-keyframes pageOut { 0% { height: 100%; }
    100% { height: 0; } }
  @keyframes pageOut { 0% { height: 100%; }
    100% { height: 0; } }
  @-webkit-keyframes imgUp { 0% { top: 0; }
    100% { top: -20px; } }
  @-moz-keyframes imgUp { 0% { top: 0; }
    100% { top: -20px; } }
  @-o-keyframes imgUp { 0% { top: 0; }
    100% { top: -20px; } }
  @keyframes imgUp { 0% { top: 0; }
    100% { top: -20px; } }
  /* 首页-结束 */
  /* ------------------------------------------------------------------------------------------ */
  /* 二级页面-公共部分-开始 */
  .main { position: relative; z-index: 2; }
  /* 二级banner */
  .sub-banner { width: 100%; position: relative; }
  .sub-banner.sub-banner-join { height: 333px; }
  .sub-banner img { width: 100%; vertical-align: top; }
  .sub-banner .sub-banner-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; }
  .sub-banner .sub-banner-box .fixed-width { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -moz-box-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; }
  .sub-banner .sub-banner-box .sub-banner-en { width: 100%; font-size: 18px; line-height: 28px; margin-bottom: 15px; text-transform: uppercase; }
  .sub-banner .sub-banner-box .sub-banner-cn { width: 100%; font-size: 48px; }
  /* 当前位置+二级导航 */
  .main-header { width: 100%; padding-top: 16px; max-height: 76px; font-size: 14px; border-bottom: 1px solid #e5e5e5; }
  .main-header .fixed-width { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; }
  .main-header .main-header-location { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; -moz-box-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; }
  .main-header .main-header-location a:hover { text-decoration: underline; }
  .main-header .main-header-location span { margin: 0 5px; }
  .main-header .main-header-location span.main-header-location-now { margin: 0; color: #666; }
  .main-header .main-header-nav { max-height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; -moz-box-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; max-width: 910px; }
  .main-header .main-header-nav li { max-height: 100%; position: relative; }
  .main-header .main-header-nav li.active::before { content: ""; position: absolute; left: 0; bottom: -1px; height: 2px; width: 100%; background-color: #ab947d; z-index: 2; }
  .main-header .main-header-nav li.active a { color: #ab947d; }
  .main-header .main-header-nav li:hover::before { content: ""; position: absolute; left: 0; bottom: -1px; height: 2px; width: 100%; background-color: #ab947d; z-index: 2; }
  .main-header .main-header-nav li:hover a { color: #ab947d; }
  .main-header .main-header-nav li a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; padding: 10px 20px; text-align: center; line-height: 20px; }
  .pagination { margin-top: 36px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; }
  .pagination.pagination-margin { margin-top: 50px; }
  .pagination .pagination-text { font-size: 14px; margin-right: 18px; line-height: 30px; }
  .pagination .pagination-list { font-size: 14px; height: 30px; line-height: 28px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; }
  .pagination .pagination-list .pagination-home, .pagination .pagination-list .pagination-end { height: 100%; padding: 0 16px; border: 1px solid #333; -webkit-transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; transition: all ease-in-out .2s; }
  .pagination .pagination-list .pagination-home:hover, .pagination .pagination-list .pagination-end:hover { color: #fff; background-color: #C0AF9F; border-color: #C0AF9F; }
  .pagination .pagination-list .pagination-prev, .pagination .pagination-list .pagination-next { height: 100%; padding: 0 8px; border: 1px solid #333; -webkit-transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; transition: all ease-in-out .2s; }
  .pagination .pagination-list .pagination-prev:hover, .pagination .pagination-list .pagination-next:hover { color: #fff; background-color: #C0AF9F; border-color: #C0AF9F; }
  .pagination .pagination-list .pagination-prev { margin: 0 14px 0 18px; }
  .pagination .pagination-list .pagination-next { margin: 0 18px 0 14px; }
  .pagination .pagination-list .pagination-item { width: 30px; height: 100%; border: 1px solid #999; color: #999; margin: 0 4px; text-align: center; -webkit-transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; transition: all ease-in-out .2s; }
  .pagination .pagination-list .pagination-item:hover { color: #fff; background-color: #C0AF9F; border-color: #C0AF9F; }
  .pagination .pagination-list .pagination-active { width: 30px; height: 100%; line-height: 30px; text-align: center; margin: 0 4px; -webkit-transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; transition: all ease-in-out .2s; }
  .pagination .pagination-list .pagination-active:hover { color: #fff; background-color: #C0AF9F; border-color: #C0AF9F; }
  .pagination .pagination-list .pagination-more { width: 30px; height: 100%; line-height: 30px; text-align: center; }
  .pagination-mobile { display: none; }
  .sub-page-img { width: 290px; padding: 50px 0; }
  .sub-page-img img { width: 100%; }
  .sub-page-img .sub-page-block { width: 100%; height: 0 !important; font-size: 0 !important; line-height: 0 !important; opacity: 0 !important; }
  .sub-page-img .sub-page-container { width: 290px; }
  .sub-page-img .sub-page-container .sub-page-news-text { width: 100%; margin-top: 20px; }
  .sub-page-img .sub-page-container .sub-page-news-text .sub-page-news-text-title { width: 100%; font-size: 14px; color: #ab947d; line-height: 24px; text-align: center; }
  .sub-page-img .sub-page-container .sub-page-news-text .sub-page-news-text-img { width: 100%; margin-top: 5px; text-align: center; }
  .sub-page-img .sub-page-container .sub-page-news-text .sub-page-news-text-img img { width: 70px; height: 70px; vertical-align: top; }
  .sub-page-img .sub-page-news { width: 100%; }
  .sub-page-img .sub-page-news li { width: 100%; padding: 16px 20px 16px 16px; background-color: #f9f7f7; margin-bottom: 15px; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
  .sub-page-img .sub-page-news li:last-child { margin-bottom: 0; }
  .sub-page-img .sub-page-news li:hover { background-color: #f0e8df; }
  .sub-page-img .sub-page-news li > a:hover { color: #333; }
  .sub-page-img .sub-page-news li .sub-page-news-date { font-size: 14px; color: #999; line-height: 25px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
  .sub-page-img .sub-page-news li h3 { width: 100%; font-size: 16px; font-weight: bold; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; text-align: justify; line-height: 25px; margin: 5px 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .sub-page-img .sub-page-news li .sub-page-news-desc { line-height: 25px; font-size: 14px; color: #838383; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
  .sub-page-img .sub-page-nav { margin: 60px auto 0; width: 300px; border-left: 1px solid #e5e5e5; }
  .sub-page-img .sub-page-nav li { width: 100%; padding-left: 30px; position: relative; font-size: 13px; line-height: 20px; margin-bottom: 30px; }
  .sub-page-img .sub-page-nav li:last-child { margin-bottom: 0; }
  .sub-page-img .sub-page-nav li::before { content: ""; position: absolute; top: 50%; left: 0; width: 13px; height: 1px; background-color: #e5e5e5; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
  .sub-page-img .sub-page-nav li.active::before { background-color: #ab947d; }
  .sub-page-img .sub-page-nav li.active a { color: #ab947d; }
  .sub-page-img .sub-page-nav li:hover::before { background-color: #ab947d; }
  .sub-page-img .sub-page-nav li:hover a { color: #ab947d; }
  .sub-page-img .sub-page-nav li a { -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; word-wrap: break-word; }
  /* 二级页面-公共部分-结束 */
  /* experience-开始 */
  .experien { width: 100%; padding: 30px 0 20px; background-color: #faf8f7; }
  .experien .experien-width { /*max-width: 1767px; */max-width: 1867px;  min-width: 1200px; padding: 0 50px; margin: 0 auto; }
  .experien .experien-width .experien-title { width: 100%; line-height: 24px; }
  .experien .experien-width .experien-title .experien-title-cn { width: 100%; font-size: 24px; line-height: 40px; text-transform: uppercase; }
  .experien .experien-width .experien-title .experien-title-en { width: 100%; font-size: 16px; color: #ab947d; text-transform: uppercase; font-weight: 500; }
  .experien .experien-width .experien-title b { margin-top: 20px; display: block; width: 22px; height: 2px; background-color: #ab947d; }
  .experien .experien-width .experien-container { width: 100%; min-height: 542px; padding-bottom: 70px; background-repeat: no-repeat; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; background-position: center; position: relative; overflow: hidden; }
  .experien .experien-width .experien-container .experien-line { position: absolute; left: 0; top: 127px; width: 1667px; height: 98px; }
  .experien .experien-width .experien-container .experien-swiper { width: -webkit-calc(100% - 95px); width: -moz-calc(100% - 95px); width: calc(100% - 95px); min-width: 955px; margin-left: auto; padding-top: 50px; height: 100%; }
  .experien .experien-width .experien-container .experien-swiper .swiper-slide:nth-child(even) .experien-top { margin-bottom: 0; }
  .experien .experien-width .experien-container .experien-swiper .swiper-slide:nth-child(even) .experien-top .experien-top-line { bottom: auto; top: -53px; }
  .experien .experien-width .experien-container .experien-swiper .swiper-slide:nth-child(even) .experien-top .experien-top-line::before { bottom: auto; top: -5px; }
  .experien .experien-width .experien-container .experien-swiper .swiper-slide:nth-child(even) .experien-bottom { height: 158px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; -moz-box-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; margin-bottom: 70px; }
  .experien .experien-width .experien-container .experien-swiper .experien-top { width: 100%; height: 125px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; position: relative; margin-bottom: 70px; }
  .experien .experien-width .experien-container .experien-swiper .experien-top .experien-top-line { position: absolute; bottom: -53px; left: 111px; width: 2px; height: 53px; background-color: #aeadad; }
  .experien .experien-width .experien-container .experien-swiper .experien-top .experien-top-line::before { content: ""; width: 8px; height: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #b1977e; position: absolute; left: -3px; bottom: -5px; }
  .experien .experien-width .experien-container .experien-swiper .experien-top .experien-top-img { width: 225px; height: 100%; overflow: hidden; }
  .experien .experien-width .experien-container .experien-swiper .experien-top .experien-top-img img { min-width: 100%; min-height: 100%; vertical-align: top; }
  .experien .experien-width .experien-container .experien-swiper .experien-top .experien-desc { width: -webkit-calc(100% - 240px); width: -moz-calc(100% - 240px); width: calc(100% - 240px); max-height: 100%; color: #666; font-size: 14px; line-height: 20px; }
  .experien .experien-width .experien-container .experien-swiper .experien-top .experien-desc p { width: 100%; }
  .experien .experien-width .experien-container .experien-swiper .experien-bottom { width: 225px; height: 80px; margin-right: auto; text-align: center; }
  .experien .experien-width .experien-container .experien-swiper .experien-bottom .experien-year { line-height: 40px; font-size: 36px; color: #9a6d4b; font-weight: 500; font-family: 'fontnum'; }
  .experien .experien-width .experien-container .experien-swiper .experien-bottom .experien-title { line-height: 30px; font-size: 14px; font-weight: bold; }
  .experien .experien-width .experien-container .experien-swiper-btn { width: 112px; height: 56px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; margin-left: auto; --swiper-navigation-size: 30px; background-color: #d7d7d7; position: relative; }
  .experien .experien-width .experien-container .experien-swiper-btn .swiper-button-prev, .experien .experien-width .experien-container .experien-swiper-btn .swiper-button-next { width: 50%; height: 100%; color: #fff; background-color: transparent; font-size: 30px; position: static; margin: 0; padding: 0; outline: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; z-index: 5; }
  .experien .experien-width .experien-container .experien-swiper-btn .swiper-button-prev.swiper-button-disabled, .experien .experien-width .experien-container .experien-swiper-btn .swiper-button-next.swiper-button-disabled { opacity: 1; cursor: pointer; pointer-events: auto; }
  .experien .experien-width .experien-container .experien-swiper-btn .swiper-button-next:hover + .experien-swiper-btn-hover { left: 56px; }
  .experien .experien-width .experien-container .experien-swiper-btn .experien-swiper-btn-hover { position: absolute; top: 0; left: 0; background-color: #e2cdb8; width: 50%; height: 100%; z-index: 3; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
  /* experience-结束 */
  /* news-开始 */
  .news { width: 100%; padding: 40px 0 130px; }
  .news .news-title { font-size: 24px; line-height: 40px; text-align: center; }
  .news .news-container { width: 100%; }
  .news .news-container .news-list { width: 100%; }
  .news .news-container .news-list li { width: 100%; position: relative; }
  .news .news-container .news-list li::before { content: ""; position: absolute; top: 0; left: 15%; width: 70%; height: 100%; z-index: 2; background-color: transparent; -webkit-transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s; -o-transition: all ease-in-out .5s; transition: all ease-in-out .5s; }
  .news .news-container .news-list li:hover::before { background-color: #C0AF9F; width: 100%; left: 0; }
  .news .news-container .news-list li:hover a { color: #fff; }
  .news .news-container .news-list li:hover a .news-block .news-date { color: #fff; }
  .news .news-container .news-list li a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -moz-box-align: start; align-items: flex-start; padding: 25px 0; border-bottom: 1px dashed #d7d9da; position: relative; z-index: 3; -webkit-transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s; -o-transition: all ease-in-out .5s; transition: all ease-in-out .5s; }
  .news .news-container .news-list li a .news-img { width: 400px; }
  .news .news-container .news-list li a .news-img img { width: 100%; vertical-align: top; }
  .news .news-container .news-list li a .news-block { width: -webkit-calc(100% - 420px); width: -moz-calc(100% - 420px); width: calc(100% - 420px); padding: 10px 0; }
  .news .news-container .news-list li a .news-block h3 { width: 100%; font-size: 20px; line-height: 30px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
  .news .news-container .news-list li a .news-block .news-date { width: 100%; font-size: 12px; color: #666; line-height: 20px; margin: 10px 0; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s; -o-transition: all ease-in-out .5s; transition: all ease-in-out .5s; }
  .news .news-container .news-list li a .news-block .news-des { width: 100%; font-size: 14px; line-height: 25px; max-height: 50px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: justify; word-wrap: break-word; }
  .news .news-container .news-list li a .news-more { display: none; }
  /* news-结束 */
  /* introduction-开始 */
  .intro { width: 100%; }
  .intro .intro-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -moz-box-align: start; align-items: flex-start; }
  .intro .intro-container .intro-box { width: -webkit-calc(100% - 290px); width: -moz-calc(100% - 290px); width: calc(100% - 290px); padding: 50px 0 80px 50px; border-left: 1px solid #e5e5e5; }
  .intro .intro-container .intro-box .intro-title { width: 100%; margin-bottom: 40px; }
  .intro .intro-container .intro-box .intro-title .intro-title-en { text-transform: uppercase; font-size: 16px; color: #ab947d; position: relative; line-height: 30px; }
  .intro .intro-container .intro-box .intro-title h3 { width: 100%; font-size: 24px; line-height: 40px; }
  .intro .intro-container .intro-box .intro-title b { display: block; width: 22px; height: 2px; background-color: #ab947d; margin-top: 15px; }
  .intro .intro-container .intro-box .intro-content { font-size: 16px; line-height: 30px; text-align: justify; word-wrap: break-word; }
  .intro .intro-container .intro-box .intro-content img { max-width: 100%; }
  .intro .intro-banner { width: 100%; margin-bottom: 48px; --swiper-navigation-size: 32px; --swiper-navigation-color: #fff; }
  .intro .intro-banner .swiper-pagination { display: none; }
  .intro .intro-banner .intro-banner-item { width: 100%; position: relative; }
  .intro .intro-banner .intro-banner-item img { width: 100%; }
  .intro .intro-banner .intro-banner-item .intro-banner-container { position: absolute; top: 0; left: -webkit-calc((100% - 1200px) / 2); left: -moz-calc((100% - 1200px) / 2); left: calc((100% - 1200px) / 2); width: 1200px; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; color: #fff; }
  .intro .intro-banner .intro-banner-item .intro-banner-container .intro-banner-title { font-size: 40px; text-align: center; line-height: 50px; margin-bottom: 30px; }
  .intro .intro-banner .intro-banner-item .intro-banner-container .intro-banner-content { width: 100%; line-height: 40px; font-size: 24px; color: #fff; text-align: justify; word-wrap: break-word; }
  .intro .intro-banner .swiper-button-prev, .intro .intro-banner .swiper-button-next { width: 77px; height: 77px; border: 1px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; outline: none; }
  .intro .intro-banner .swiper-button-prev { left: 7%; }
  .intro .intro-banner .swiper-button-next { right: 7%; }
  /* introduction-结束 */
  /* chairman-开始 */
  .chairman { width: 100%; }
  .chairman .chairman-intro { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -moz-box-align: start; align-items: flex-start; }
  .chairman .chairman-intro .chairman-intro-img { width: 290px; padding: 50px 12px 0 0; }
  .chairman .chairman-intro .chairman-intro-img img { width: 100%; }
  .chairman .chairman-intro .chairman-intro-img .chairman-intro-img-title { width: 100%; text-align: center; font-size: 16px; line-height: 25px; margin-top: 12px; padding: 0 20px; text-transform: uppercase; font-family: "Microsoft YaHei", "微软雅黑"; }
  .chairman .chairman-intro .chairman-intro-box { width: -webkit-calc(100% - 290px); width: -moz-calc(100% - 290px); width: calc(100% - 290px); padding: 50px 0 150px 50px; border-left: 1px solid #e5e5e5; }
  .chairman .chairman-intro .chairman-intro-box .chairman-intro-title { width: 100%; margin-bottom: 20px; }
  .chairman .chairman-intro .chairman-intro-box .chairman-intro-title .chairman-intro-title-en { width: 100%; text-transform: uppercase; font-size: 16px; color: #ab947d; line-height: 30px; }
  .chairman .chairman-intro .chairman-intro-box .chairman-intro-title h3 { width: 100%; font-size: 24px; line-height: 40px; text-transform: uppercase; }
  .chairman .chairman-intro .chairman-intro-box .chairman-intro-title b { display: block; width: 22px; height: 2px; background-color: #ab947d; margin-top: 12px; }
  .chairman .chairman-intro .chairman-intro-box .chairman-intro-content { width: 100%; font-size: 16px; line-height: 30px; text-align: justify; word-wrap: break-word; }
  .chairman .chairman-intro .chairman-intro-box .chairman-intro-content img { max-width: 100%; }
  /* chairman-结束 */
  /* multi-开始 */
  .multi { position: relative; width: 100%; height: -webkit-calc(100vh - 50px); height: -moz-calc(100vh - 50px); height: calc(100vh - 50px); overflow: hidden; }
  .multi .multi-bg { width: 100%; height: 100%; }
  .multi .multi-container { position: absolute; bottom: 13%; left: 7%; color: #fff; }
  .multi .multi-container .multi-en { font-size: 36px; text-transform: uppercase; margin: 26px 0; line-height: 40px; }
  .multi .multi-container h3 { font-size: 44px; line-height: 50px; }
  .multi .multi-container h5 { font-size: 24px; line-height: 30px; margin: 23px 0 25px; }
  .multi .multi-container p { font-size: 14px; line-height: 25px; }
  .multi .multi-container .multi-list { margin-top: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; -moz-box-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; }
  .multi .multi-container .multi-list li { font-size: 16px; margin-right: 20px; }
  .multi .multi-container .multi-list li:last-child { margin-right: 0; }
  /* multi-结束 */
  /* page-multi-开始 */
  .page-multi { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -moz-box-align: start; align-items: flex-start; padding: 50px 0 80px; }
  .page-multi .page-multi-item { width: 352px; }
  .page-multi .page-multi-item:nth-child(2) { width: 409px; }
  .page-multi .page-multi-item .page-multi-imgs { width: 100%; height: 398px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; }
  .page-multi .page-multi-item .page-multi-imgs .page-multi-img { width: 100%; display: block; overflow: hidden; position: relative; top: 0; -webkit-transition: all .8s; -moz-transition: all .8s; -o-transition: all .8s; transition: all .8s; }
  .page-multi .page-multi-item .page-multi-imgs .page-multi-img:hover { top: -4px; z-index: 2; }
  .page-multi .page-multi-item .page-multi-imgs .page-multi-img img { width: 100%; min-height: 100%; }
  .page-multi .page-multi-item .page-multi-info { margin-top: 40px; width: 100%; color: #606060; }
  .page-multi .page-multi-item .page-multi-info h3 { font-size: 24px; line-height: 40px; margin-bottom: 10px; }
  .page-multi .page-multi-item .page-multi-info .page-multi-desc { font-size: 12px; line-height: 20px; text-align: justify; }
  .page-multi .page-multi-item .page-multi-info .page-multi-desc img { max-width: 100%; }
  .page-multi .page-multi-item .page-multi-center { width: 100%; height: 398px; position: relative; }
  .page-multi .page-multi-item .page-multi-center .page-multi-circle { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 212px; height: 212px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 3px solid #bfc1c0; }
  .page-multi .page-multi-item .page-multi-center .page-multi-circle::before { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 176px; height: 176px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #bfc1c0; }
  .page-multi .page-multi-item .page-multi-center .page-multi-center-item { position: absolute; top: 85px; left: 233px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; -moz-box-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
  .page-multi .page-multi-item .page-multi-center .page-multi-center-item:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  .page-multi .page-multi-item .page-multi-center .page-multi-center-item:nth-child(2) { top: 175px; left: 282px; }
  .page-multi .page-multi-item .page-multi-center .page-multi-center-item:nth-child(3) { top: 266px; }
  .page-multi .page-multi-item .page-multi-center .page-multi-center-item:nth-child(4) { left: auto; right: 270px; top: 225px; }
  .page-multi .page-multi-item .page-multi-center .page-multi-center-item:nth-child(5) { left: auto; right: 260px; top: 107px; }
  .page-multi .page-multi-item .page-multi-center .page-multi-center-item .page-multi-center-img { width: auto; height: 42px; overflow: hidden; }
  .page-multi .page-multi-item .page-multi-center .page-multi-center-item .page-multi-center-img img { height: 100%; }
  /* page-multi-结束 */
  /* product-开始 */
  .product { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -moz-box-align: start; align-items: flex-start; margin-bottom: 100px; }
  .product .product-container { width: -webkit-calc(100% - 290px); width: -moz-calc(100% - 290px); width: calc(100% - 290px); padding: 40px 0 55px 0; border-left: 1px solid #e5e5e5; }
  .product .product-container .product-container-top { width: 100%; margin-bottom: 46px; border-bottom: 1px solid #ab947d; text-align: center; position: relative; padding-bottom: 30px; }
  .product .product-container .product-container-top p { font-size: 20px; line-height: 35px; }
  .product .product-container .product-container-top .product-container-line { position: absolute; left: 50%; bottom: -5px; height: 10px; text-align: center; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; }
  .product .product-container .product-container-top .product-container-line img { max-width: 100%; max-height: 100%; vertical-align: top; }
  .product .product-container .product-list { width: 100%; padding-left: 30px; }
  .product .product-container .product-list li { width: 100%; position: relative; margin-bottom: 30px; text-align: center; }
  .product .product-container .product-list li:last-child { margin-bottom: 0; }
  .product .product-container .product-list li a { display: block; position: relative; width: 100%; height: 100%; }
  .product .product-container .product-list li a:hover .product-list-column { color: #333; }
  .product .product-container .product-list li a:hover h3 { color: #333; }
  .product .product-container .product-list li img { width: 100%; vertical-align: top; margin-bottom: 10px; }
  .product .product-container .product-list li .product-list-en { font-size: 14px; color: #666; line-height: 35px; margin-bottom: 5px; text-transform: uppercase; padding: 0 60px; display: inline-block; border-bottom: 1px solid #ab947d; }
  .product .product-container .product-list li .product-list-column { line-height: 25px; font-size: 16px; color: #5e5e5e; }
  .product .product-container .product-list li h3 { font-size: 14px; line-height: 25px; color: #5e5e5e; }
  /* product-结束 */
  /* product-details-开始 */
  .product-details { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -moz-box-align: start; align-items: flex-start; }
  .product-details .product-details-container { width: -webkit-calc(100% - 290px); width: -moz-calc(100% - 290px); width: calc(100% - 290px); padding: 40px 0 60px 30px; border-left: 1px solid #e5e5e5; }
  .product-details .product-details-container .product-details-desc { color: #C29569; font-size: 20px; line-height: 34px; font-weight: 500; }
  .product-details .product-details-container > h3 { font-size: 20px; line-height: 34px; font-weight: 500; }
  .product-details .product-details-container > h5 { font-size: 16px; line-height: 34px; margin-bottom: 30px; }
  .product-details .product-details-container .product-details-content { font-size: 18px; line-height: 30px; text-align: justify; word-wrap: break-word; color: #878787; }
  .product-details .product-details-container .product-details-content .product-details-content { font-size: 18px; color: #333; line-height: 60px; text-align: center; margin-top: 50px; }
  .product-details .product-details-container .product-details-content .product-details-content-img { text-align: left; margin: 30px 0; }
  .product-details .product-details-container .product-details-content .product-details-content-img.product-details-content-imgs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -moz-box-align: start; align-items: flex-start; }
  .product-details .product-details-container .product-details-content img { max-width: 100%; vertical-align: top; }
  /* product-details-结束 */
  /* honor-开始 */
  .honor { position: relative; padding: 0 0 15px; }
  .honor .honor-title { width: 100%; margin-bottom: 20px; text-align: center; margin-top: -60px; position: relative; z-index: 10; }
  .honor .honor-title .honor-title-en { width: 100%; text-transform: uppercase; font-size: 16px; color: #ab947d; line-height: 30px; }
  .honor .honor-title .honor-title-cn { width: 100%; font-size: 24px; line-height: 40px; text-transform: uppercase; }
  .honor .honor-title b { display: block; width: 22px; height: 2px; background-color: #ab947d; margin: 12px auto 0; }
  .honor .honor-info { font-size: 16px; color: #ab947d; line-height: 24px; width: 300px; text-align: center; margin: 10px auto; }
  .honor .honor-swiper { width: 1271px; position: relative; margin: 10px auto 0; }
  .honor .honor-swiper .swiper-container { padding: 80px 0 120px; }
  .honor .honor-swiper .swiper-container .swiper-slide { width: 400px; margin-top: auto; cursor: pointer; position: relative; }
  .honor .honor-swiper .swiper-container .swiper-slide img { display: block; width: 100%; height: 500px; filter: blur(0px)!important}
  .honor .honor-swiper .swiper-container .swiper-slide .honor-shadow { width: 100%; height: 100px; position: absolute; top:500px; left: 0; -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); transform: rotateX(180deg); background-color: #fff; overflow: hidden; }
  .honor .honor-swiper .swiper-container .swiper-slide .honor-shadow .honor-shadow-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; background-position: center bottom; opacity: .3; }
  .honor .honor-swiper .swiper-button-prev, .honor .honor-swiper .swiper-button-next { outline: none; font-weight: bold; --swiper-navigation-color: #a3a3a3; --swiper-navigation-size: 36px; margin-top: -65.5px; }
  .honor .honor-swiper .swiper-button-prev { left: -60px; }
  .honor .honor-swiper .swiper-button-next { right: -60px; }
  .honor .honor-slide-title-list { width: 100%; height: 30px; line-height: 30px; overflow: hidden; margin: 20px auto 0; }
  .honor .honor-slide-title-list .swiper-slide { text-align: center; font-size: 16px; color: #838383; -webkit-transition: all .9s; -moz-transition: all .9s; -o-transition: all .9s; transition: all .9s; }
  .honor .honor-slide-title-list .swiper-slide.swiper-slide-active { font-weight: bold; color: #ab937c; font-size: 18px; }
  /* honor-结束 */
  /* subsidiary-开始 */
  .subsidiary { padding: 42px 0 96px 30px; border-left: 2px solid #e5e5e5; }
  .subsidiary .subsidiary-title { width: 100%; margin-bottom: 33px; }
  .subsidiary .subsidiary-title .subsidiary-title-cn { width: 100%; font-size: 24px; line-height: 40px; text-transform: uppercase; }
  .subsidiary .subsidiary-title .subsidiary-title-en { font-size: 16px; color: #c3c3c3; line-height: 30px; text-transform: uppercase; }
  .subsidiary .subsidiary-title b { display: block; width: 22px; height: 2px; margin-top: 20px; background-color: #ab947d; }
  .subsidiary .subsidiary-list { width: 100%; }
  .subsidiary .subsidiary-list li { width: 100%; padding-bottom: 40px; border-bottom: 1px dashed #e5e5e5; margin-bottom: 40px; }
  .subsidiary .subsidiary-list li:last-child { margin-bottom: 0; }
  .subsidiary .subsidiary-list li:nth-child(odd) .subsidiary-item-info { float: left; }
  .subsidiary .subsidiary-list li:nth-child(odd) .subsidiary-item-img { float: right; }
  .subsidiary .subsidiary-list li:nth-child(even) .subsidiary-item-info { float: right; }
  .subsidiary .subsidiary-list li:nth-child(even) .subsidiary-item-img { float: left; }
  .subsidiary .subsidiary-list li .subsidiary-item-info { width: -webkit-calc(50% - 20px); width: -moz-calc(50% - 20px); width: calc(50% - 20px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -moz-box-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; }
  .subsidiary .subsidiary-list li .subsidiary-item-info h3 { width: 100%; font-size: 16px; line-height: 26px; margin-bottom: 20px; }
  .subsidiary .subsidiary-list li .subsidiary-item-info h3 span { font-weight: 500; font-size: 20px; line-height: 30px; letter-spacing: 1px; display: inline; vertical-align: bottom; }
  .subsidiary .subsidiary-list li .subsidiary-item-info .subsidiary-item-content { font-size: 16px; line-height: 35px; }
  .subsidiary .subsidiary-list li .subsidiary-item-img { width: -webkit-calc(50% - 20px); width: -moz-calc(50% - 20px); width: calc(50% - 20px); height: 300px; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; }
  .subsidiary .subsidiary-list li .subsidiary-item-img img { width: 100%; min-height: 100%; }
  /* subsidiary-结束 */
  /* join-开始 */
  .join-intro { position: relative; z-index: 2; padding-top: 50px; padding-bottom: 70px; }
  .join-intro .join-intro-container { width: 100%; }
  .join-intro .join-intro-container .join-intro-title { width: 100%; margin-bottom: 25px; text-align: center; }
  .join-intro .join-intro-container .join-intro-title .join-intro-title-en { width: 100%; text-transform: uppercase; font-size: 16px; color: #ab947d; line-height: 30px; }
  .join-intro .join-intro-container .join-intro-title h3 { width: 100%; line-height: 40px; font-size: 24px; color: #0e0e0e; text-transform: uppercase; }
  .join-intro .join-intro-container .join-intro-title b { display: block; width: 22px; height: 2px; background-color: #ab947d; margin: 20px auto 0; }
  .join-intro .join-intro-container .join-intro-list { width: 869px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 48px auto 0; }
  .join-intro .join-intro-container .join-intro-list .join-intro-item { width: -webkit-calc(100% / 3 - (32px / 3)); width: -moz-calc(100% / 3 - (32px / 3)); width: calc(100% / 3 - (32px / 3)); height: 185px; margin: 0 16px 16px 0; }
  .join-intro .join-intro-container .join-intro-list .join-intro-item:nth-child(3n) { margin-right: 0; }
  .join-intro .join-intro-container .join-intro-list .join-intro-item img { width: 100%; height: 100%; vertical-align: top; }
  .join-banner { width: 100%; --swiper-navigation-size: 32px; --swiper-navigation-color: #fff; }
  .join-banner .swiper-pagination { display: none; }
  .join-banner .join-banner-item { width: 100%; position: relative; }
  .join-banner .join-banner-item img { width: 100%; }
  .join-banner .join-banner-item .join-banner-container { position: absolute; top: 0; left: -webkit-calc((100% - 1200px) / 2); left: -moz-calc((100% - 1200px) / 2); left: calc((100% - 1200px) / 2); width: 1200px; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; color: #fff; }
  .join-banner .join-banner-item .join-banner-container .join-banner-title { font-size: 40px; text-align: center; line-height: 50px; margin-bottom: 30px; }
  .join-banner .join-banner-item .join-banner-container .join-banner-content { width: 100%; line-height: 40px; font-size: 24px; color: #fff; text-align: justify; word-wrap: break-word; }
  .join-banner .swiper-button-prev, .join-banner .swiper-button-next { width: 77px; height: 77px; border: 1px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; outline: none; margin-top: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .join-banner .swiper-button-prev { left: 7%; }
  .join-banner .swiper-button-next { right: 7%; }
  .join-job-school-img { width: 100%; }
  .join-job-school-img img { width: 100%; vertical-align: top; }
  .join-job { margin-top: 48px; background-color: #fff; padding: 40px 0 80px; min-height: 500px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; }
  .join-job.join-job-school { width: 1044px; padding-top: 0; }
  .join-job.join-job-school .join-job-box { width: 100%; }
  .join-job.join-job-school .join-job-search .join-job-search-select .join-job-search-select-title {/* border-color: #5da695;*/  border-color: #434fa5;}
  .join-job.join-job-school .join-job-search .join-job-search-select .join-job-search-select-page { /*border-color: #5da695;*/border-color: #434fa5; }
  .join-job.join-job-school .join-job-search .join-job-search-select .join-job-search-select-page .join-job-search-select-option:hover { /*background-color: #5da695;*/ background-color: #434fa5;color: #fff; }
  .join-job.join-job-school .join-job-search .join-job-search-select .join-job-search-select-page .join-job-search-select-option.join-job-search-select-option-active { /*background-color: #5da695;*/ background-color: #434fa5;}
  .join-job.join-job-school .join-job-search .join-job-search-box { /*border-color: #5da695; */border-color: #434fa5;}
  .join-job.join-job-school .join-job-search .join-job-search-box .join-job-search-input button { /*background-color: #5da695;*/ background-color: #434fa5;}
  .join-job.join-job-school .join-job-list li { /*border-color: #5da695;*/ border-color: #434fa5;}
  .join-job.join-job-school .join-job-list li.join-job-not-style .join-job-msg i { /*color: #5da695;*/color: #434fa5; }
  .join-job.join-job-school .join-job-list li .join-job-item-header .join-job-item-btn { /*background-color: #5da695;*/background-color: #434fa5; }
  .join-job .join-job-title { text-align: center; font-size: 30px; line-height: 40px; text-transform: uppercase; }
  .join-job .join-job-left { width: 180px; }
  .join-job .join-job-left .join-job-fixed { width: 100%; }
  .join-job .join-job-left .join-job-fixed img { width: 100%; vertical-align: top; }
  .join-job .join-job-left .join-job-fixed .join-job-type { width: -webkit-calc(100% - 28px); width: -moz-calc(100% - 28px); width: calc(100% - 28px); border-left: 1px solid #e5e5e5; margin: 50px 0 0 auto; }
  .join-job .join-job-left .join-job-fixed .join-job-type .join-job-type-item { width: 100%; line-height: 20px; font-size: 16px; cursor: pointer; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; color: #333; position: relative; padding: 3px 0 5px 35px; }
  .join-job .join-job-left .join-job-fixed .join-job-type .join-job-type-item::before { content: ""; position: absolute; top: 50%; left: 0; width: 13px; height: 1px; background-color: #e5e5e5; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
  .join-job .join-job-left .join-job-fixed .join-job-type .join-job-type-item.active { color: #ab947d; }
  .join-job .join-job-left .join-job-fixed .join-job-type .join-job-type-item.active::before { background-color: #ab947d; }
  .join-job .join-job-left .join-job-fixed .join-job-type .join-job-type-item:not(.active):hover { color: #ab947d; }
  .join-job .join-job-left .join-job-fixed .join-job-type .join-job-type-item:not(.active):hover::before { background-color: #ab947d; }
  .join-job .join-job-left .join-job-fixed .join-job-type .join-job-type-item:not(:last-child) { margin-bottom: 40px; }
  .join-job .join-job-box { width: -webkit-calc(100% - 220px); width: -moz-calc(100% - 220px); width: calc(100% - 220px); }
  .join-job .join-job-search { width: 100%; height: 46px; margin: 0 auto 52px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; position: relative; z-index: 10; }
  .join-job .join-job-search .join-job-search-select {  /*width: 120px;*/ width: 180px; height: 100%; background-color: #fff; cursor: pointer; position: relative; }
  .join-job .join-job-search .join-job-search-select .join-job-search-select-title { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; border: 1px solid #999; }
  .join-job .join-job-search .join-job-search-select .join-job-search-select-title .join-job-search-select-info { width: 60%; height: 100%; text-align: center; font-size: 16px; line-height: 44px; white-space: nowrap; overflow: hidden; }
  .join-job .join-job-search .join-job-search-select .join-job-search-select-title .layui-icon { width: 20%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .join-job .join-job-search .join-job-search-select .join-job-search-select-title .layui-icon.join-job-search-icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
  .join-job .join-job-search .join-job-search-select .join-job-search-select-page { position: absolute; left: 0; top: 48px; width: 350px; height: auto; max-height: 202px; background-color: #fff; border: 1px solid #999; overflow-y: auto; visibility: hidden; opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; z-index: 10; }
  .join-job .join-job-search .join-job-search-select .join-job-search-select-page.join-job-search-select-page-show { opacity: 1; visibility: visible; }
  .join-job .join-job-search .join-job-search-select .join-job-search-select-page .join-job-search-select-option { width: 100%; height: 40px; padding: 0 20px; line-height: 40px; font-size: 14px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .join-job .join-job-search .join-job-search-select .join-job-search-select-page .join-job-search-select-option:hover { background-color: #AB947D; color: #fff; }
  .join-job .join-job-search .join-job-search-select .join-job-search-select-page .join-job-search-select-option.join-job-search-select-option-active { background-color: #AB947D; color: #fff; }
  .join-job .join-job-search .layui-form-selectup dl { bottom: 52px; }
  .join-job .join-job-search .layui-form-select dl { top: 52px; }
  .join-job .join-job-search .join-job-search-box { width: 588px; height: 100%; border: 1px solid #ab947d; position: relative; padding-left: 15px; }
  .join-job .join-job-search .join-job-search-box .join-job-search-placeholder { position: absolute; top: 0; left: 15px; width: 100%; height: 100%; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; -moz-box-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; font-size: 16px; line-height: 20px; color: #d2d2d2; }
  .join-job .join-job-search .join-job-search-box .join-job-search-placeholder i { font-size: 16px; color: #d2d2d2; margin-right: 5px; }
  .join-job .join-job-search .join-job-search-box .join-job-search-input { width: 100%; height: 100%; position: relative; z-index: 3; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; }
  .join-job .join-job-search .join-job-search-box .join-job-search-input input { width: -webkit-calc(100% - 137px); width: -moz-calc(100% - 137px); width: calc(100% - 137px); height: 100%; background-color: transparent; border: 0; font-size: 16px; padding-right: 10px; }
  .join-job .join-job-search .join-job-search-box .join-job-search-input button { width: 137px; height: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-size: 18px; background-color: #ab947d; }
  .join-job .join-job-mobile-search { display: none; }
  .join-job .join-job-list { width: 100%; margin: 52px auto 0; position: relative; z-index: 1; }
  .join-job .join-job-list li { padding: 20px 30px 0; border: 1px solid #999; margin-bottom: 30px; }
  .join-job .join-job-list li:last-child { margin-bottom: 0; }
  .join-job .join-job-list li.join-job-not-style { border: 0; padding: 0; }
  .join-job .join-job-list li.join-job-not-style .join-job-msg { width: 100%; height: 80px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; font-size: 16px; }
  .join-job .join-job-list li.join-job-not-style .join-job-msg i { font-size: 30px; color: #AB947D; margin-right: 10px; }
  .join-job .join-job-list li .join-job-item-header { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -moz-box-align: start; align-items: flex-start; margin-bottom: 15px; }
  .join-job .join-job-list li .join-job-item-header .join-job-item-left { max-width: -webkit-calc(100% - 130px); max-width: -moz-calc(100% - 130px); max-width: calc(100% - 130px); }
  .join-job .join-job-list li .join-job-item-header .join-job-item-left .join-job-item-title { font-size: 18px; color: #cc2121; line-height: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; -moz-box-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; }
  .join-job .join-job-list li .join-job-item-header .join-job-item-left .join-job-item-title span:first-child { font-weight: bold; color: #333; margin-right: 40px; }
  .join-job .join-job-list li .join-job-item-header .join-job-item-left .join-job-item-title span u { text-decoration: none; font-size: 12px; color: #7f7f7f; }
  .join-job .join-job-list li .join-job-item-header .join-job-item-left .join-job-item-info { font-size: 14px; color: #666; height: 20px; line-height: 20px; margin-top: 5px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; -moz-box-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .join-job .join-job-list li .join-job-item-header .join-job-item-left .join-job-item-info br { display: none; }
  .join-job .join-job-list li .join-job-item-header .join-job-item-left .join-job-item-info span { height: 100%; padding-right: 13px; margin-right: 12px; position: relative; }
  .join-job .join-job-list li .join-job-item-header .join-job-item-left .join-job-item-info span:not(:last-child)::before { content: ""; position: absolute; top: 3px; right: 0; width: 1px; height: 14px; background-color: #666; }
  .join-job .join-job-list li .join-job-item-header .join-job-item-btn { width: 110px; height: 36px; line-height: 36px; text-align: center; font-size: 16px; color: #fff; background-color: #ab947d; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; cursor: pointer; }
  .join-job .join-job-list li .join-job-item-box { width: 100%; height: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; overflow: hidden; }
  .join-job .join-job-list li .join-job-item-box .join-job-item-container { width: 100%; padding-bottom: 30px; }
  .join-job .join-job-list li .join-job-item-box .join-job-item-container dl { width: 100%; font-size: 16px; color: #666; line-height: 30px; margin-bottom: 10px; }
  .join-job .join-job-list li .join-job-item-box .join-job-item-container dl:last-child { margin-bottom: 0; }
  .join-job .join-job-list li .join-job-item-box .join-job-item-container dl dt { width: 100%; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
  .join-job .join-job-list li .join-job-item-box .join-job-item-container dl dl { width: 100%; text-align: justify; }
  .join-job .join-job-list li .join-job-item-more { width: 100%; border-top: 1px dashed #999; line-height: 47px; height: 47px; text-align: center; cursor: pointer; font-size: 16px; }
  .join-job-footer-img { width: 100%; padding: 0 28px; margin-bottom: 30px; }
  .join-job-footer-img img { width: 100%; vertical-align: top; }
  .join-job-block { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; z-index: 999; display: none; }
  .join-job-popup { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0.7); -ms-transform: translate(-50%, -50%) scale(0.7); -moz-transform: translate(-50%, -50%) scale(0.7); -o-transform: translate(-50%, -50%) scale(0.7); transform: translate(-50%, -50%) scale(0.7); width: 740px; padding: 40px 70px 45px; background-color: rgba(0, 0, 0, 0.77); -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; z-index: 9999; opacity: 0; visibility: hidden; -webkit-transition: all ease-out .25s; -moz-transition: all ease-out .25s; -o-transition: all ease-out .25s; transition: all ease-out .25s; }
  .join-job-popup.join-job-block-show { opacity: 1; visibility: visible; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }
  .join-job-popup .join-job-input { width: 260px; height: 45px; border: 1px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 27px; padding: 0 17px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }
  .join-job-popup .join-job-input .join-job-input-title { width: 48px; height: 100%; line-height: 43px; font-size: 16px; color: rgba(255, 255, 255, 0.5); }
  .join-job-popup .join-job-input .join-job-input-title.join-job-input-title-width3 { width: 64px; }
  .join-job-popup .join-job-input .join-job-input-title.join-job-input-title-width4 { width: 80px; }
  .join-job-popup .join-job-input input { width: -webkit-calc(100% - 58px); width: -moz-calc(100% - 58px); width: calc(100% - 58px); height: 100%; background-color: transparent; border: 0; color: #fff; font-size: 16px; -moz-appearance: textfield; }
  .join-job-popup .join-job-input input.join-job-input-width3 { width: -webkit-calc(100% - 74px); width: -moz-calc(100% - 74px); width: calc(100% - 74px); }
  .join-job-popup .join-job-input input.join-job-input-width4 { width: -webkit-calc(100% - 90px); width: -moz-calc(100% - 90px); width: calc(100% - 90px); }
  .join-job-popup .join-job-input input[type=number]::-webkit-inner-spin-button, .join-job-popup .join-job-input input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; }
  .join-job-popup .join-job-input input:disabled { cursor: not-allowed; }
  .join-job-popup .join-job-textarea { width: 100%; padding: 17px; border: 1px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 35px; }
  .join-job-popup .join-job-textarea textarea { width: 100%; height: 105px; background-color: transparent; border: 0; resize: none; font-size: 16px; color: #fff; }
  .join-job-popup .join-job-textarea textarea::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); }
  .join-job-popup .join-job-textarea textarea::-moz-placeholder { color: rgba(255, 255, 255, 0.5); }
  .join-job-popup .join-job-textarea textarea:-moz-placeholder { color: rgba(255, 255, 255, 0.5); }
  .join-job-popup .join-job-textarea textarea:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); }
  .join-job-popup .join-job-btn { width: 100%; height: 38px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; -moz-box-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; position: relative; }
  .join-job-popup .join-job-btn .join-job-annex { width: 116px; height: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; font-size: 16px; color: rgba(255, 255, 255, 0.5); line-height: 20px; margin-right: 10px; cursor: pointer; }
  .join-job-popup .join-job-btn .join-job-annex i { font-size: 14px; height: 14px; line-height: 14px; margin-right: 5px; margin-top: 1px; }
  .join-job-popup .join-job-btn .join-job-annex i.success { font-size: 18px; height: 18px; line-height: 18px; color: rgba(255, 255, 255, 0.9); }
  .join-job-popup .join-job-btn .join-job-annex span { display: inline-block; max-width: 75px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
  .join-job-popup .join-job-btn .join-job-annex span.success { font-size: 14px; color: rgba(255, 255, 255, 0.9); }
  .join-job-popup .join-job-btn .join-job-annex-text { max-width: 100px; max-height: 38px; line-height: 19px; font-size: 12px; color: #fff; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
  .join-job-popup .join-job-btn #uploadFiles { display: none; }
  .join-job-popup .join-job-btn button { width: 120px; height: 100%; border: 0; background-color: #ab947d; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 16px; cursor: pointer; position: absolute; top: 0; left: -webkit-calc(50% - 60px); left: -moz-calc(50% - 60px); left: calc(50% - 60px); z-index: 2; }
  .join-job-popup .join-job-btn button.join-job-school-btn { background-color: #5da695; }
  /* join-结束 */
  /* page-开始 */
  .details { padding-bottom: 100px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -moz-box-align: start; align-items: flex-start; }
  .details .details-container { width: -webkit-calc(100% - 290px); width: -moz-calc(100% - 290px); width: calc(100% - 290px); padding: 50px 0 0 30px; border-left: 1px solid #e5e5e5; }
  .details .details-container h3 { font-size: 24px; font-weight: 500; text-align: center; line-height: 34px; margin-bottom: 40px; }
  .details .details-container .details-info { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; -moz-box-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; margin: 30px 0 40px; }
  .details .details-container .details-info .details-info-item { font-size: 14px; color: #999; line-height: 20px; }
  .details .details-container .details-info .details-info-share { color: #999; font-size: 14px; line-height: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; -moz-box-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; }
  .details .details-container .details-info .details-info-share span { margin-right: 5px; }
  .details .details-container .details-info .details-info-share a { width: 30px; height: 30px; line-height: 30px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: transparent; font-size: 20px; margin-right: 10px; }
  .details .details-container .details-info .details-info-share a:last-child { margin-right: 0; }
  .details .details-container .details-info .details-info-share a.icon-weixin { color: #00C800; }
  .details .details-container .details-info .details-info-share a.icon-weixin:hover { background-color: #00C800; color: #fff; }
  .details .details-container .details-info .details-info-share a.icon-weibo { color: #E6162D; }
  .details .details-container .details-info .details-info-share a.icon-weibo:hover { background-color: #E6162D; color: #fff; }
  .details .details-container .details-info .details-info-share a.icon-qq { color: #7BD4EF; font-size: 18px; }
  .details .details-container .details-info .details-info-share a.icon-qq:hover { background-color: #7BD4EF; color: #fff; }
  .details .details-container .details-info .details-info-share a.icon-qzone { color: #FECE00; }
  .details .details-container .details-info .details-info-share a.icon-qzone:hover { background-color: #FECE00; color: #fff; }
  .details .details-container .details-info .details-info-share a.icon-douban { color: #228A31; }
  .details .details-container .details-info .details-info-share a.icon-douban:hover { background-color: #228A31; color: #fff; }
  .details .details-container .details-content { width: 100%; font-size: 16px; color: #333; line-height: 30px; text-align: justify; padding-bottom: 30px; word-wrap: break-word; }
  .details .details-container .details-content img { max-width: 100%; vertical-align: top; }
  .details .details-container .details-page { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; margin-top: 20px; }
  .details .details-container .details-page .details-page-prev, .details .details-container .details-page .details-page-next { width: 48%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; -moz-box-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; font-size: 16px; padding: 10px; }
  .details .details-container .details-page .details-page-prev i, .details .details-container .details-page .details-page-next i { width: 16px; height: 16px; font-size: 16px; margin-right: 10px; }
  .details .details-container .details-page .details-page-prev a, .details .details-container .details-page .details-page-next a { line-height: 40px; text-align: left; }
  .details .details-container .details-page .details-page-next { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; -moz-box-pack: end; justify-content: flex-end; }
  .details .details-container .details-page .details-page-next i { margin-left: 10px; margin-right: 0; }
  .details .details-container .details-page .details-page-next a { text-align: right; }
  #qrcode { width: 150px; padding-top: 5px; }
  #qrcode img { width: 100%; }
  #qrcode p { font-size: 14px; color: #fff; text-align: center; line-height: 20px; margin-top: 5px; }
  .duty { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -moz-box-align: start; align-items: flex-start; }
  .duty .duty-list { width: -webkit-calc(100% - 290px); width: -moz-calc(100% - 290px); width: calc(100% - 290px); padding: 50px 0 66px 30px; border-left: 1px solid #e5e5e5; }
  .duty .duty-list li { width: 100%; background-color: #eee; margin-bottom: 24px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }
  .duty .duty-list li:last-child { margin-bottom: 0; }
  .duty .duty-list li .duty-img { width: 427px; overflow: hidden; }
  .duty .duty-list li .duty-img img { width: 100%; }
  .duty .duty-list li .duty-container { width: -webkit-calc(100% - 427px); width: -moz-calc(100% - 427px); width: calc(100% - 427px); padding: 30px 24px 30px 30px; }
  .duty .duty-list li .duty-container h3 { width: 100%; font-size: 20px; font-weight: bold; color: #c18f60; line-height: 30px; }
  .duty .duty-list li .duty-container h5 { font-size: 24px; line-height: 30px; margin: 10px 0 15px; }
  .duty .duty-list li .duty-container .duty-desc { font-size: 12px; color: #838383; line-height: 25px; text-align: justify; }
  .duty .duty-list li .duty-container .duty-desc img { max-width: 100%; }
  /* page-结束 */ }

/* new index */
.new-main { width: 100%; min-width: 1400px; }

.new-main .new-banner { width: 100%; margin-bottom: 98px; }

.new-main .new-banner img { width: 100%; vertical-align: top; }

.new-main .new-info { width: 1400px; margin: 0 auto 146px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.new-main .new-info img { width: 682px; vertical-align: top; }

.new-main .new-info .new-info-content { width: -webkit-calc(100% - 797px); width: -moz-calc(100% - 797px); width: calc(100% - 797px); padding-right: 100px; }

.new-main .new-info .new-info-content h3 { width: 100%; font-size: 24px; color: #363636; line-height: 36px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-weight: 500; margin-bottom: 30px; }

.new-main .new-info .new-info-content .new-info-text { width: 100%; font-size: 14px; color: #838383; line-height: 30px; text-align: justify; }

.new-main .new-group { width: 100%; position: relative; margin-bottom: 210px; }

.new-main .new-group .new-group-container { width: 1400px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; z-index: 2; }

.new-main .new-group .new-group-container .new-group-info { width: -webkit-calc(100% - 624px); width: -moz-calc(100% - 624px); width: calc(100% - 624px); position: relative; padding-left: 100px; }

.new-main .new-group .new-group-container .new-group-info::before { content: ""; position: absolute; top: 0; right: 0; z-index: 1; width: 56%; height: 100%; background-color: rgba(171, 148, 125, 0.15); }

.new-main .new-group .new-group-container .new-group-info img { max-width: 100%; vertical-align: top; margin: 63px 0 50px; }

.new-main .new-group .new-group-container .new-group-info .new-group-info-text { width: 100%; font-size: 14px; color: #838383; line-height: 24px; padding-right: 165px; text-align: justify; }

.new-main .new-group .new-group-container .new-group-info .new-group-info-more { display: block; width: 164px; height: 43px; background-color: #ab947d; -webkit-border-radius: 43px; -moz-border-radius: 43px; border-radius: 43px; font-size: 14px; line-height: 43px; color: #fff; text-align: center; margin: 0 auto; }

.new-main .new-group .new-group-container .new-group-img { width: 594px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.new-main .new-group .new-group-container .new-group-img .new-group-img-inline { width: -webkit-calc(50% - 15px); width: -moz-calc(50% - 15px); width: calc(50% - 15px); height: 326px; vertical-align: top; }

.new-main .new-group .new-group-container .new-group-img .new-group-img-block { width: 100%; height: 330px; vertical-align: top; margin-top: 30px; }

.new-main .new-group .new-group-fixed { position: absolute; left: 0; bottom: 55px; width: 360px; height: 250px; overflow: hidden; z-index: 1; }

.new-main .new-group .new-group-fixed img { width: 100%; height: 100%; vertical-align: top; }

.new-main .new-erect { width: 100%; margin-bottom: 54px; padding: 70px 0 76px; background-color: rgba(171, 148, 125, 0.15); }

.new-main .new-erect .new-erect-container { width: 1400px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; }

.new-main .new-erect .new-erect-container > img { width: 820px; vertical-align: top; }

.new-main .new-erect .new-erect-container .new-erect-info { width: calc(100% - 820px); padding-left: 110px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.new-main .new-erect .new-erect-container .new-erect-info .new-erect-info-content { width: 100%; font-size: 14px; color: #838383; line-height: 28px; margin-bottom: 20px; text-align: justify; }

.new-aside { position: fixed; bottom: 30%; right: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 10; }

.new-aside .new-aside-item { width: 60px; height: 60px; background-color: #c0af9f; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; position: relative; cursor: pointer; }

.new-aside .new-aside-item:not(:last-child) { margin-bottom: 6px; }

.new-aside .new-aside-item:hover { width: 80px; height: 80px; }

.new-aside .new-aside-item:hover::before { content: ""; position: absolute; top: 0; right: 80px; width: 2px; height: 100%; background-color: transparent; }

.new-aside .new-aside-item:hover .new-aside-icon span { visibility: visible; opacity: 1; height: 25px; }

.new-aside .new-aside-item:hover .new-aside-content { right: 82px; background-color: #c0af9f; visibility: visible; -webkit-transition: all .5s .3s; -o-transition: all .5s .3s; -moz-transition: all .5s .3s; transition: all .5s .3s; }

.new-aside .new-aside-item:hover .new-aside-content a { opacity: 1; -webkit-transition: all .5s .5s; -o-transition: all .5s .5s; -moz-transition: all .5s .5s; transition: all .5s .5s; }

.new-aside .new-aside-item .new-aside-icon { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; z-index: 15; }

.new-aside .new-aside-item .new-aside-icon i { font-size: 36px; line-height: 36px; width: 36px; height: 36px; color: #fff; }

.new-aside .new-aside-item .new-aside-icon span { width: 100%; line-height: 25px; height: 0; text-align: center; font-size: 14px; color: #fff; margin-top: 3px; visibility: hidden; opacity: 0; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; overflow: hidden; }

.new-aside .new-aside-item .new-aside-content { position: absolute; top: 0; right: 0; height: 100%; min-width: 180px; padding: 0 20px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: rgba(192, 175, 159, 0); visibility: hidden; z-index: 11; }

.new-aside .new-aside-item .new-aside-content a { font-size: 18px; color: #fff; line-height: 18px; text-align: center; opacity: 0; }

.new-aside .new-aside-item .new-aside-content a:not(:last-child) { margin-bottom: 15px; }

.new-mouse-cricle { position: absolute; top: 0; left: 0; z-index: 999999; width: 40px; height: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 2px solid #fff; cursor: pointer; -webkit-animation: cricleIn .8s ease-in-out infinite both; -moz-animation: cricleIn .8s ease-in-out infinite both; -o-animation: cricleIn .8s ease-in-out infinite both; animation: cricleIn .8s ease-in-out infinite both; }

.new-banner-more { position: absolute; top: 50%; left: 50%; z-index: 20; padding: 7px 12px; font-size: 14px; line-height: 14px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #AB947D; text-align: center; -webkit-transition: opacity .5s; -o-transition: opacity .5s; -moz-transition: opacity .5s; transition: opacity .5s; }

.new-set-container { position: absolute; top: 0; left: -webkit-calc((100% - 1400px) / 2); left: -moz-calc((100% - 1400px) / 2); left: calc((100% - 1400px) / 2); width: 1400px; height: 100%; background-color: rgba(0, 0, 0, 0.5); padding: 40px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; z-index: 99; }

/* new index end */
/*********************************************************************
 * 移动端样式
**********************************************************************/
@media screen and (max-width: 1199px) { /* 公共部分-开始 */
  .header { width: 100%; height: 10.66667vw; background-color: rgba(0, 0, 0, 0.5); position: relative; }
  .header.header-index { height: 0; }
  .header .header-fixed { width: 100%; height: 10.66667vw; background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; z-index: 90; -webkit-transition: all .8s; -o-transition: all .8s; -moz-transition: all .8s; transition: all .8s; }
  .header .header-fixed.hide, .header .header-fixed.header-fixed-index { top: -10.66667vw; }
  .header .header-fixed .header-container { height: 100%; padding: 0 3.46667vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; }
  .header .header-fixed .header-container .logo { height: 100%; padding: 2vw 0; }
  .header .header-fixed .header-container .logo img { height: 100%; pointer-events: none; }
  .header .header-fixed .header-container .nav-btn { width: 6vw; height: 4.8vw; background: url(../images/nav_mobile_icon.png) no-repeat center; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; }
  .header .header-fixed .header-container .switch-language { display: none; }
  .nav { position: fixed; top: 0; right: -60%; width: 60%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 9999; overflow-y: auto; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
  .nav.nav-show { right: 0; }
  .nav a { color: rgba(255, 255, 255, 0.8); }
  .nav .nav-close { width: 13.33333vw; height: 13.33333vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; margin: 1.33333vw 0 4vw auto; }
  .nav .nav-close i { width: 8vw; height: 8vw; line-height: 8vw; font-size: 8vw; color: #fff; }
  .nav > li { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 4vw; }
  .nav > li > a { width: -webkit-calc(100% - 110 * 100vw / 750); width: -moz-calc(100% - 110 * 100vw / 750); width: calc(100% - 110 * 100vw / 750); height: 6.66667vw; line-height: 6.66667vw; font-size: 4.26667vw; margin-left: 3.46667vw; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
  .nav > li .nav-item-more { width: 6.66667vw; height: 6.66667vw; margin-right: 3.46667vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; }
  .nav > li .nav-item-more i { width: 4vw; height: 4vw; font-size: 4vw; color: #fff; }
  .nav > li .nav-child-box { width: 100%; height: 0; overflow: hidden; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
  .nav > li .nav-child-box a { display: block; width: 100%; color: rgba(255, 255, 255, 0.46); }
  .nav > li .nav-child-box .nav-child { width: 100%; padding-top: 1.33333vw; }
  .nav > li .nav-child-box .nav-child li { width: 100%; height: 9.6vw; line-height: 9.6vw; padding: 0 6.93333vw; border-bottom: 1px solid #888889; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 3.73333vw; }
  .nav > li .nav-child-box .nav-child li:first-child { border-top: 1px solid #888889; }
  .footer { width: 100%; background-color: #5b5b5b; color: #eee; padding: 2.4vw 3.46667vw; padding-bottom: -webkit-calc(constant(safe-area-inset-bottom) + 26 * 100vw / 750); padding-bottom: -moz-calc(constant(safe-area-inset-bottom) + 26 * 100vw / 750); padding-bottom: calc(constant(safe-area-inset-bottom) + 26 * 100vw / 750); padding-bottom: -webkit-calc(env(safe-area-inset-bottom) + 26 * 100vw / 750); padding-bottom: -moz-calc(env(safe-area-inset-bottom) + 26 * 100vw / 750); padding-bottom: calc(env(safe-area-inset-bottom) + 26 * 100vw / 750); position: relative; }
  .footer .fixed-width { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .footer .fixed-width .footer-info { width: 62%; font-size: 2.66667vw; line-height: 5.33333vw; }
  .footer .fixed-width .footer-info a { color: #eee; }
  .footer .fixed-width .footer-attention { width: 35%; }
  .footer .fixed-width .footer-attention a { color: #eee; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; font-size: 2.66667vw; }
  .footer .fixed-width .footer-attention a img { margin-left: 3.2vw; width: 6.13333vw; height: 6.13333vw; pointer-events: none; }
  .footer .fixed-width .link-margin { margin-left: 3.2vw; }
  .footer .fixed-width > p { width: 100%; color: #eee; line-height: 5.33333vw; font-size: 2.66667vw; }
  .footer .fixed-width > p a { color: #eee; }
  .nav-shade { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; z-index: 1111; display: none; }
  .nav-shade.nav-shade-bg { background-color: rgba(0, 0, 0, 0.5); }
  /* 加载框 */
  .load-page { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; background-color: rgba(255, 255, 255, 0.8); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; -ms-touch-action: none; touch-action: none; opacity: 1; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
  .load-page.load-page-hide { opacity: 0; visibility: hidden; }
  .load-page img { width: 30%; pointer-events: none; }
  /* 移动端所有内容区域字体大小 */
  .intro-content, .intro-content p, .intro-content span, .intro-content strong, .join-intro-info, .join-intro-info p, .join-intro-info span, .join-intro-info strong, .product-details-content, .product-details-content p, .product-details-content span, .product-details-content strong, .details-content, .details-content p, .details-content span, .details-content strong, .multi-content, .multi-content p, .multi-content span, .multi-content strong, .chairman-intro-content, .chairman-intro-content p, .chairman-intro-content span, .chairman-intro-content strong, .experien-item-content, .experien-item-content p, .experien-item-content span, .experien-item-content strong, .subsidiary-details-content, .subsidiary-details-content p, .subsidiary-details-content span, .subsidiary-details-content strong { font-size: 3.2vw !important; }
  .back-top { position: fixed; right: 5.33333vw; bottom: 32vw; z-index: 50; width: 13.33333vw; height: 13.33333vw; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; background-color: #c0af9f; opacity: 0; visibility: hidden; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
  .back-top.back-top-show { opacity: 1; visibility: visible; }
  .back-top i { font-size: 9.33333vw; line-height: 9.33333vw; color: #fff; }
  .footer-block { position: fixed; left: 0; bottom: -webkit-calc(-350 * 100vw / 750 - constant(safe-area-inset-bottom)); bottom: -moz-calc(-350 * 100vw / 750 - constant(safe-area-inset-bottom)); bottom: calc(-350 * 100vw / 750 - constant(safe-area-inset-bottom)); bottom: -webkit-calc(-350 * 100vw / 750 - env(safe-area-inset-bottom)); bottom: -moz-calc(-350 * 100vw / 750 - env(safe-area-inset-bottom)); bottom: calc(-350 * 100vw / 750 - env(safe-area-inset-bottom)); width: 100%; -webkit-border-top-left-radius: 2.66667vw; -moz-border-radius-topleft: 2.66667vw; border-top-left-radius: 2.66667vw; -webkit-border-top-right-radius: 2.66667vw; -moz-border-radius-topright: 2.66667vw; border-top-right-radius: 2.66667vw; overflow: hidden; background-color: #F7F7F7; z-index: 1211; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
  .footer-block.footer-block-show { bottom: 0; }
  .footer-block .footer-block-item { width: 100%; background-color: #fff; text-align: center; font-size: 3.73333vw; line-height: 13.33333vw; margin-bottom: 0.53333vw; }
  .footer-block .footer-block-close { width: 100%; background-color: #fff; text-align: center; font-size: 3.73333vw; line-height: 13.33333vw; margin-top: 2.66667vw; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); }
  .footer-block-aside { position: fixed; left: 0; bottom: -webkit-calc(-350 * 100vw / 750 - constant(safe-area-inset-bottom)); bottom: -moz-calc(-350 * 100vw / 750 - constant(safe-area-inset-bottom)); bottom: calc(-350 * 100vw / 750 - constant(safe-area-inset-bottom)); bottom: -webkit-calc(-350 * 100vw / 750 - env(safe-area-inset-bottom)); bottom: -moz-calc(-350 * 100vw / 750 - env(safe-area-inset-bottom)); bottom: calc(-350 * 100vw / 750 - env(safe-area-inset-bottom)); width: 100%; -webkit-border-top-left-radius: 2.66667vw; -moz-border-radius-topleft: 2.66667vw; border-top-left-radius: 2.66667vw; -webkit-border-top-right-radius: 2.66667vw; -moz-border-radius-topright: 2.66667vw; border-top-right-radius: 2.66667vw; overflow: hidden; background-color: #F7F7F7; z-index: 1211; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
  .footer-block-aside.footer-block-aside-show { bottom: 0; }
  .footer-block-aside .footer-block-aside-item { width: 100%; background-color: #fff; text-align: center; font-size: 3.73333vw; line-height: 13.33333vw; margin-bottom: 0.53333vw; }
  .footer-block-aside .footer-block-aside-close { width: 100%; background-color: #fff; text-align: center; font-size: 3.73333vw; line-height: 13.33333vw; margin-top: 2.66667vw; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); }
  /* 公共部分-结束 */
  /* 首页-开始 */
  .banner { width: 100%; height: 100vh; }
  .banner .swiper-slide { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; overflow: hidden; position: relative; }
  .banner .swiper-slide > img { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); pointer-events: none; }
  .banner .swiper-slide .banner-content { width: 100%; position: absolute; left: 10%; bottom: 13.33333vw; }
  .banner .swiper-slide .banner-content .banner-content-img { margin-bottom: 4vw; overflow: hidden; position: relative; }
  .banner .swiper-slide .banner-content .banner-content-img:last-child { margin-bottom: 0; }
  .banner .swiper-slide .banner-content .banner-content-img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: all .8s; -o-transition: all .8s; -moz-transition: all .8s; transition: all .8s; pointer-events: none; }
  .banner .swiper-slide.banner-video { background-color: #000; }
  .banner .swiper-slide.banner-video video { width: 100%; }
  .banner .swiper-slide .banner-video-not { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; color: #fff; font-size: 3.73333vw; }
  .banner .swiper-button-prev, .banner .swiper-button-next { display: none; }
  /* 首页-结束 */
  /* 二级页面-公共部分-开始 */
  .main { position: relative; }
  .main .main-header { display: none; }
  .sub-banner { width: 100%; position: relative; z-index: 2; }
  .sub-banner.sub-banner-join { height: 28vw; }
  .sub-banner img { width: 100%; pointer-events: none; }
  .sub-banner .sub-banner-box { width: 100%; height: 100%; position: absolute; top: 0; left: 0; color: #fff; padding: 0 3.46667vw; }
  .sub-banner .sub-banner-box .fixed-width { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -moz-box-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; }
  .sub-banner .sub-banner-box .fixed-width .sub-banner-en { font-size: 2.4vw; text-transform: uppercase; }
  .sub-banner .sub-banner-box .fixed-width .sub-banner-cn { font-size: 6.4vw; }
  .pagination { display: none; }
  .pagination-mobile { width: 100%; text-align: center; font-size: 3.2vw; color: #999; line-height: 5.33333vw; margin: 5.33333vw 0; }
  .main-header { display: none; }
  .sub-page-img { display: none; }
  /* 二级页面-公共部分-结束 */
  /* chairman-开始 */
  .chairman { width: 100%; }
  .chairman .chairman-intro-title { width: 100%; font-weight: 500; padding: 9.33333vw 3.46667vw 5.33333vw; }
  .chairman .chairman-intro-title h3 { width: 100%; font-size: 4.8vw; line-height: 6.66667vw; font-weight: bold; }
  .chairman .chairman-intro-title .chairman-intro-title-en { width: 100%; font-size: 2.66667vw; line-height: 5.33333vw; text-transform: uppercase; color: #AB947D; }
  .chairman .chairman-intro-title b { display: block; width: 4vw; height: 0.53333vw; background-color: #AB947D; margin: 2.66667vw 0 0; }
  .chairman .chairman-intro-img { width: 100%; margin-bottom: 2vw; }
  .chairman .chairman-intro-img img { width: 100%; vertical-align: top; pointer-events: none; }
  .chairman .chairman-intro-img .chairman-intro-img-title { width: 100%; font-size: 4.26667vw; line-height: 6.66667vw; margin-top: 2vw; text-align: center; }
  .chairman .chairman-intro-content { width: 100%; font-size: 3.73333vw; line-height: 6vw; word-wrap: break-word; padding: 0 3.46667vw; }
  .chairman .chairman-intro-content img { max-width: 100%; pointer-events: none; }
  /* chairman-结束 */
  /* experien-开始 */
  .experien { width: 100%; padding: 9.33333vw 0 0; position: relative; }
  .experien .experien-world { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 80vw; z-index: -1; }
  .experien .experien-bg { width: 40%; float: right; position: relative; z-index: 2; }
  .experien .experien-title { width: 100%; font-weight: 500; padding: 0 3.46667vw 5.33333vw; position: relative; z-index: 2; }
  .experien .experien-title h3 { width: 100%; font-size: 4.8vw; line-height: 6.66667vw; font-weight: bold; }
  .experien .experien-title .experien-title-en { width: 100%; font-size: 2.66667vw; line-height: 5.33333vw; text-transform: uppercase; color: #AB947D; }
  .experien .experien-title b { display: block; width: 4vw; height: 0.53333vw; background-color: #AB947D; margin: 2.66667vw 0 0; }
  .experien .experien-container { width: 100%; position: relative; padding: 0 3.46667vw 5.33333vw; z-index: 2; background: url(../images/ta_pic.png) no-repeat; background-position: -webkit-calc(100% - (80 * 100vw / 750)) bottom; background-position: -moz-calc(100% - (80 * 100vw / 750)) bottom; background-position: calc(100% - (80 * 100vw / 750)) bottom; -moz-background-size: 11.33333vw auto; -o-background-size: 11.33333vw auto; background-size: 11.33333vw auto; }
  .experien .experien-container .experien-line { position: absolute; top: 0; left: 4.8vw; width: 0.26667vw; height: -webkit-calc(100% - (50 * 100vw / 750)); height: -moz-calc(100% - (50 * 100vw / 750)); height: calc(100% - (50 * 100vw / 750)); background-image: -moz-linear-gradient(top, #AB947D 1.33333vw, #fff 1.33333vw); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10, #AB947D), color-stop(10, #fff)); background-image: -webkit-linear-gradient(top, #AB947D 1.33333vw, #fff 1.33333vw); background-image: -o-linear-gradient(top, #AB947D 1.33333vw, #fff 1.33333vw); background-image: linear-gradient(to bottom, #AB947D 1.33333vw, #fff 1.33333vw); -moz-background-size: 100% 2.66667vw; -o-background-size: 100% 2.66667vw; background-size: 100% 2.66667vw; }
  .experien .experien-container .experien-line::before { content: ""; position: absolute; left: -1.33333vw; bottom: -1.33333vw; width: 2.93333vw; height: 2.93333vw; background-color: #AB947D; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
  .experien .experien-container .experien-list { width: 100%; padding: 0 0 6.66667vw 6.66667vw; }
  .experien .experien-container .experien-list .experien-item { width: 100%; margin-bottom: 6vw; font-weight: bold; position: relative; }
  .experien .experien-container .experien-list .experien-item:last-child { margin-bottom: 0; }
  .experien .experien-container .experien-list .experien-item .experien-item-pointer { position: absolute; left: -6.66667vw; top: 0; width: 2.93333vw; height: 2.93333vw; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 0.26667vw solid #AB947D; background-color: #fff; }
  .experien .experien-container .experien-list .experien-item .experien-item-pointer::before { content: ""; position: absolute; top: -webkit-calc(50% - 5.5 * 100vw / 750); top: -moz-calc(50% - 5.5 * 100vw / 750); top: calc(50% - 5.5 * 100vw / 750); left: -webkit-calc(50% - 5.5 * 100vw / 750); left: -moz-calc(50% - 5.5 * 100vw / 750); left: calc(50% - 5.5 * 100vw / 750); width: 1.46667vw; height: 1.46667vw; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #AB947D; }
  .experien .experien-container .experien-list .experien-item .experien-item-year { width: 100%; font-size: 3.73333vw; line-height: 4vw; color: #9a6d4b; }
  .experien .experien-container .experien-list .experien-item .experien-item-title { width: 100%; font-size: 3.2vw; line-height: 5.33333vw; margin: 1.86667vw 0 1.33333vw; color: #484848; }
  .experien .experien-container .experien-list .experien-item .experien-item-content { width: 100%; text-align: justify; font-size: 3.2vw; line-height: 6vw; color: #999; font-weight: 500; margin-bottom: 1.6vw; }
  .experien .experien-container .experien-list .experien-item .experien-item-content img { max-width: 100%; pointer-events: none; }
  .experien .experien-container .experien-list .experien-item img { height: 17.33333vw; vertical-align: top; pointer-events: none; }
  /* experien-结束 */
  /* honor-开始 */
  .honor { width: 100%; margin-bottom: 6.66667vw; }
  .honor .honor-title { width: 100%; font-weight: 500; padding: 9.33333vw 3.46667vw 5.33333vw; }
  .honor .honor-title h3 { width: 100%; font-size: 4.8vw; line-height: 6.66667vw; font-weight: bold; }
  .honor .honor-title .honor-title-en { width: 100%; font-size: 2.66667vw; line-height: 5.33333vw; text-transform: uppercase; color: #AB947D; }
  .honor .honor-title b { display: block; width: 4vw; height: 0.53333vw; background-color: #AB947D; margin: 2.66667vw 0 0; }
  .honor .honor-info { color: #ab947d; font-size: 3.2vw; line-height: 5.33333vw; text-align: center; width: 50%; margin: 0 auto; }
  .honor .honor-swiper { width: 100%; padding: 0 3.46667vw; position: relative; margin-top: 4vw; }
  .honor .honor-swiper #honorSwiper { width: -webkit-calc(100% - 100 * 100vw / 750); width: -moz-calc(100% - 100 * 100vw / 750); width: calc(100% - 100 * 100vw / 750); margin: 0 auto; }
  .honor .honor-swiper #honorSwiper .swiper-slide { width: 38.66667vw; }
  .honor .honor-swiper #honorSwiper .swiper-slide img { width: 100%; pointer-events: none; }
  .honor .honor-swiper .swiper-button-prev, .honor .honor-swiper .swiper-button-next { width: 6.66667vw; height: 6.66667vw; color: #a3a3a3; --swiper-navigation-size: 5.33333vw; font-weight: bold; outline: none; }
  .honor .honor-swiper .swiper-button-prev { left: 2.13333vw; }
  .honor .honor-swiper .swiper-button-next { right: 2.13333vw; }
  .honor .honor-fade-title { width: -webkit-calc(100% - (260 * 100vw / 750)); width: -moz-calc(100% - (260 * 100vw / 750)); width: calc(100% - (260 * 100vw / 750)); margin: 10.66667vw auto 0; text-align: center; line-height: 6.13333vw; height: 12.26667vw; overflow: hidden; position: relative; }
  .honor .honor-fade-title .honor-fade-title-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 3.73333vw; opacity: 0; z-index: 1; -webkit-transition: all .9s; -o-transition: all .9s; -moz-transition: all .9s; transition: all .9s; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color: #ab947d; }
  .honor .honor-fade-title .honor-fade-title-item.active { z-index: 2; opacity: 1; }
  /* honor-结束 */
  /* intro-开始 */
  .intro { width: 100%; margin: 5.33333vw 0 8vw; }
  .intro .intro-bg { float: right; width: 40%; }
  .intro .intro-container { width: 100%; padding: 0 3.46667vw; }
  .intro .intro-container .intro-title { width: 100%; font-weight: 500; padding: 4vw 0 5.33333vw; }
  .intro .intro-container .intro-title h3 { width: 100%; font-size: 4.8vw; line-height: 6.66667vw; font-weight: bold; }
  .intro .intro-container .intro-title .intro-title-en { width: 100%; font-size: 2.66667vw; line-height: 5.33333vw; text-transform: uppercase; color: #AB947D; }
  .intro .intro-container .intro-title b { display: block; width: 4vw; height: 0.53333vw; background-color: #AB947D; margin: 2.66667vw 0 0; }
  .intro .intro-container .intro-content { width: 100%; text-align: justify; font-size: 3.2vw; line-height: 5.33333vw; }
  .intro .intro-container .intro-content img { max-width: 100%; pointer-events: none; }
  .intro .intro-banner { margin: 5.33333vw 0; width: 100%; }
  .intro .intro-banner .intro-banner-item { width: 100%; position: relative; }
  .intro .intro-banner .intro-banner-item img { width: 100%; vertical-align: top; pointer-events: none; }
  .intro .intro-banner .intro-banner-item .intro-banner-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; padding: 0 3.46667vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; }
  .intro .intro-banner .intro-banner-item .intro-banner-container .intro-banner-title { width: 100%; text-align: center; font-size: 4.8vw; line-height: 6vw; margin-bottom: 2.66667vw; }
  .intro .intro-banner .intro-banner-item .intro-banner-container .intro-banner-content { font-size: 3.73333vw; line-height: 5.33333vw; }
  .intro .intro-banner .swiper-pagination-bullet { background-color: #c3c3c3; opacity: 1; }
  .intro .intro-banner .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #fff; }
  .intro .intro-banner .swiper-button-prev, .intro .intro-banner .swiper-button-next { display: none; }
  /* intro-结束 */
  /* join-开始 */
  .join-intro { width: 100%; padding: 0 3.46667vw; margin-bottom: 6.13333vw; }
  .join-intro .join-intro-title { width: 100%; margin-bottom: 4vw; }
  .join-intro .join-intro-title h3 { font-size: 4.26667vw; font-weight: bold; line-height: 5.33333vw; }
  .join-intro .join-intro-title .join-intro-title-en { color: #ab947d; font-size: 3.2vw; line-height: 4vw; margin: 1.33333vw 0 2.66667vw; text-transform: uppercase; }
  .join-intro .join-intro-title b { display: block; width: 2.93333vw; height: 0.53333vw; background-color: #ab947d; }
  .join-intro .join-intro-list { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .join-intro .join-intro-list .join-intro-item { width: -webkit-calc(100% / 3 - (20 * 100vw / 750 / 3)); width: -moz-calc(100% / 3 - (20 * 100vw / 750 / 3)); width: calc(100% / 3 - (20 * 100vw / 750 / 3)); margin: 0 1.33333vw 1.33333vw 0; }
  .join-intro .join-intro-list .join-intro-item:nth-child(3n) { margin-right: 0; }
  .join-intro .join-intro-list .join-intro-item img { width: 100%; height: 100%; pointer-events: none; }
  .join-banner { margin-bottom: 8vw; width: 100%; }
  .join-banner .join-banner-item { width: 100%; position: relative; }
  .join-banner .join-banner-item img { width: 100%; vertical-align: top; pointer-events: none; }
  .join-banner .join-banner-item .join-banner-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; padding: 0 3.46667vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; }
  .join-banner .join-banner-item .join-banner-container .join-banner-title { width: 100%; text-align: center; font-size: 4.8vw; line-height: 6vw; }
  .join-banner .join-banner-item .join-banner-container .join-banner-content { margin-top: 2.66667vw; font-size: 3.73333vw; line-height: 5.33333vw; }
  .join-banner .swiper-pagination-bullet { background-color: #c3c3c3; opacity: 1; }
  .join-banner .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #fff; }
  .join-banner .swiper-button-prev, .join-banner .swiper-button-next { display: none; }
  .join-job { width: 100%; margin-top: 5.33333vw; }
  .join-job .join-job-title { width: 100%; font-size: 4.26667vw; line-height: 6.66667vw; margin: 2.66667vw 0; text-align: center; font-weight: bold; }
  .join-job .join-job-type { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 4.26667vw; line-height: 9.33333vw; margin: 2.66667vw 0; text-align: center; font-weight: bold; }
  .join-job .join-job-type .join-job-type-item { width: 50%; height: 9.33333vw; background-color: #fff; -webkit-border-radius: 0.8vw; -moz-border-radius: 0.8vw; border-radius: 0.8vw; border: 0.26667vw solid #BCA997; }
  .join-job .join-job-type .join-job-type-item.active { background-color: #BCA997; color: #fff; }
  .join-job .join-job-search { display: none; }
  .join-job .join-job-school-img { width: 100%; }
  .join-job .join-job-school-img img { width: 100%; vertical-align: top; }
  .join-job .join-job-mobile-search { width: 100%; margin-top: 5.33333vw; }
  .join-job .join-job-mobile-search .join-job-mobile-search-input { width: 100%; background-color: #e2e1e1; padding: 4.26667vw 3.46667vw; }
  .join-job .join-job-mobile-search .join-job-mobile-search-input.join-job-mobile-search-input-school { background-color: #f2f2f2; }
  .join-job .join-job-mobile-search .join-job-mobile-search-input .join-job-mobile-search-box { width: 100%; border: 1px solid #c3c3c3; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; height: 8vw; background-color: #fff; -webkit-border-radius: 1.6vw; -moz-border-radius: 1.6vw; border-radius: 1.6vw; padding-left: 2.66667vw; }
  .join-job .join-job-mobile-search .join-job-mobile-search-input .join-job-mobile-search-box input { width: -webkit-calc(100% - 72 * 100vw / 750); width: -moz-calc(100% - 72 * 100vw / 750); width: calc(100% - 72 * 100vw / 750); height: 100%; border: 0; background-color: transparent; }
  .join-job .join-job-mobile-search .join-job-mobile-search-input .join-job-mobile-search-box button { border: 0; background-color: transparent; font-size: 4.26667vw; width: 9.6vw; height: 100%; padding: 0 2.66667vw; }
  .join-job .join-job-mobile-search .join-job-mobile-search-filter { width: 100%; height: 10.13333vw; background-color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
  .join-job .join-job-mobile-search .join-job-mobile-search-filter .join-job-mobile-search-select { width: -webkit-calc(100% / 3); width: -moz-calc(100% / 3); width: calc(100% / 3); height: 100%; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; padding: 0 2.66667vw; }
  .join-job .join-job-mobile-search .join-job-mobile-search-filter .join-job-mobile-search-select:nth-child(2)::before, .join-job .join-job-mobile-search .join-job-mobile-search-filter .join-job-mobile-search-select:nth-child(2)::after { content: ""; position: absolute; top: 2.66667vw; left: 0; width: 0.26667vw; height: 4.8vw; background-color: #e5e5e5; }
  .join-job .join-job-mobile-search .join-job-mobile-search-filter .join-job-mobile-search-select:nth-child(2)::after { left: auto; right: 0; }
  .join-job .join-job-mobile-search .join-job-mobile-search-filter .join-job-mobile-search-select input { width: -webkit-calc(100% - 28 * 100vw / 750); width: -moz-calc(100% - 28 * 100vw / 750); width: calc(100% - 28 * 100vw / 750); border: 0; background-color: transparent; text-align: center; }
  .join-job .join-job-mobile-search .join-job-mobile-search-filter .join-job-mobile-search-select i { width: 3.73333vw; font-size: 3.73333vw; color: #5c5c5c; }
  .join-job .join-job-list { width: 100%; background-color: #fff; position: relative; z-index: 1; padding-bottom: 4vw; }
  .join-job .join-job-list li { width: 100%; padding: 4vw 3.46667vw; background-color: #fff; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; margin-bottom: 4vw; }
  .join-job .join-job-list li.join-job-not-style { border: 0; padding: 0; padding-top: 4vw; background-color: transparent; }
  .join-job .join-job-list li.join-job-not-style .join-job-msg { width: 100%; height: 24vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; font-size: 3.73333vw; background-color: #fff; }
  .join-job .join-job-list li.join-job-not-style .join-job-msg.join-job-msg-school i { color: #5da695; }
  .join-job .join-job-list li.join-job-not-style .join-job-msg i { font-size: 6.4vw; color: #AB947D; margin-right: 2.66667vw; }
  .join-job .join-job-list li:first-child { border-top: 0; }
  .join-job .join-job-list li:last-child { margin-bottom: 0; }
  .join-job .join-job-list li .join-job-item-header { width: 100%; }
  .join-job .join-job-list li .join-job-item-header .join-job-item-left { width: 100%; }
  .join-job .join-job-list li .join-job-item-header .join-job-item-left .join-job-item-title { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; line-height: 6.66667vw; margin-bottom: 2vw; }
  .join-job .join-job-list li .join-job-item-header .join-job-item-left .join-job-item-title span { font-size: 4.26667vw; color: #ed4528; }
  .join-job .join-job-list li .join-job-item-header .join-job-item-left .join-job-item-title span u { font-size: 3.2vw; text-decoration: none; color: #7f7f7f; }
  .join-job .join-job-list li .join-job-item-header .join-job-item-left .join-job-item-title span.join-job-item-name { max-width: 60%; font-weight: bold; color: #333; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
  .join-job .join-job-list li .join-job-item-header .join-job-item-left .join-job-item-info { width: 100%; color: #a1a1a1; line-height: 6.66667vw; font-size: 0; position: relative; }
  .join-job .join-job-list li .join-job-item-header .join-job-item-left .join-job-item-info span { display: inline-block; vertical-align: top; height: 6.66667vw; font-size: 3.2vw; padding-right: 3.73333vw; margin-right: 3.46667vw; position: relative; }
  .join-job .join-job-list li .join-job-item-header .join-job-item-left .join-job-item-info span::before { content: ""; position: absolute; top: 2vw; right: 0; width: 1px; height: 2.66667vw; background-color: #a1a1a1; }
  .join-job .join-job-list li .join-job-item-header .join-job-item-left .join-job-item-info span.join-job-item-br { padding-right: 0; margin-right: 0; }
  .join-job .join-job-list li .join-job-item-header .join-job-item-left .join-job-item-info span.join-job-item-br::before { display: none; }
  .join-job .join-job-list li .join-job-item-header .join-job-item-btn { display: none; }
  .join-job .join-job-list li .join-job-item-box { display: none; }
  .join-job .join-job-list li .join-job-item-more { display: none; }
  .join-job-bottom-img { width: 100%; padding: 0 2.66667vw; margin: 2.66667vw 0 5.33333vw; }
  .join-job-bottom-img img { width: 100%; vertical-align: top; }
  .join-job-block, .join-job-popup { display: none; }
  .join-show { width: 100%; }
  .join-show .join-show-header { width: 100%; height: 11.73333vw; padding: 0 2.13333vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; }
  .join-show .join-show-header .join-show-header-back { width: 14.66667vw; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; -moz-box-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; font-size: 4.26667vw; line-height: 5.33333vw; }
  .join-show .join-show-header .join-show-header-back i { width: 5.33333vw; height: 5.33333vw; line-height: 5.33333vw; font-size: 5.33333vw; margin-top: 0.26667vw; color: #1a1a1a; font-weight: bold; }
  .join-show .join-show-header .join-show-header-title { width: -webkit-calc(100% - 220 * 100vw / 750); width: -moz-calc(100% - 220 * 100vw / 750); width: calc(100% - 220 * 100vw / 750); text-align: center; height: 100%; line-height: 11.73333vw; margin-right: auto; font-size: 4.26667vw; padding: 0 2.66667vw; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
  .join-show .join-show-container { width: 100%; background-color: #f0f0f0; }
  .join-show .join-show-container .join-show-intro { width: 100%; padding: 4vw 3.46667vw; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; background-color: #fff; margin-bottom: 4vw; }
  .join-show .join-show-container .join-show-intro .join-show-name { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; font-size: 4.26667vw; color: #ed4528; line-height: 6.66667vw; }
  .join-show .join-show-container .join-show-intro .join-show-name span:first-child { font-weight: bold; color: #333; max-width: 60%; }
  .join-show .join-show-container .join-show-intro .join-show-info { width: 100%; margin-top: 2.66667vw; }
  .join-show .join-show-container .join-show-intro .join-show-info .join-show-info-col { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; -moz-box-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 3.2vw; color: #a1a1a1; }
  .join-show .join-show-container .join-show-intro .join-show-info .join-show-info-col:last-child { margin-bottom: 0; }
  .join-show .join-show-container .join-show-intro .join-show-info .join-show-info-col span { padding-right: 3.33333vw; margin: 0 3.33333vw 2.66667vw 0; position: relative; line-height: 4vw; }
  .join-show .join-show-container .join-show-intro .join-show-info .join-show-info-col span::before { content: ""; position: absolute; top: 0.66667vw; right: 0; width: 0.26667vw; height: 2.66667vw; background-color: #a1a1a1; }
  .join-show .join-show-container .join-show-intro .join-show-info .join-show-info-col span.join-show-info-col-none { padding-right: 0; margin-right: 0; }
  .join-show .join-show-container .join-show-intro .join-show-info .join-show-info-col span.join-show-info-col-none::before { display: none; }
  .join-show .join-show-container .join-show-intro .join-show-info .join-show-info-col span:last-child:not(.join-show-info-col-none) { padding-right: 0; margin-right: 0; margin-left: auto; }
  .join-show .join-show-container .join-show-intro .join-show-info .join-show-info-col span:last-child:not(.join-show-info-col-none)::before { display: none; }
  .join-show .join-show-container .join-show-content { width: 100%; padding: 4vw 3.46667vw; background-color: #fff; }
  .join-show .join-show-container .join-show-content dl { width: 100%; margin-bottom: 4vw; }
  .join-show .join-show-container .join-show-content dl:last-child { margin-bottom: 0; }
  .join-show .join-show-container .join-show-content dl dt { width: 100%; font-size: 3.73333vw; color: #666; line-height: 5.33333vw; margin-bottom: 1.33333vw; font-weight: bold; }
  .join-show .join-show-container .join-show-content dl dd { width: 100%; font-size: 3.2vw; color: #666; line-height: 5.86667vw; text-align: justify; }
  .join-show .join-show-container .join-show-btns { width: 100%; padding: 4vw 0 8vw; background-color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; }
  .join-show .join-show-container .join-show-btns.join-show-school-btns .join-show-btn { background-color: #5da695; }
  .join-show .join-show-container .join-show-btns .join-show-btn { padding: 2vw 6vw; line-height: 4vw; font-size: 3.46667vw; text-align: center; color: #fff; background-color: #ab947d; -webkit-border-radius: 1.6vw; -moz-border-radius: 1.6vw; border-radius: 1.6vw; }
  .join-mobile-block { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 98; -ms-touch-action: none; touch-action: none; visibility: hidden; }
  .join-mobile-block .join-mobile-popup { width: 90%; position: absolute; top: 50%; left: 5%; z-index: 99; -webkit-transform: translateY(-50%) scale(0.8); -ms-transform: translateY(-50%) scale(0.8); -moz-transform: translateY(-50%) scale(0.8); -o-transform: translateY(-50%) scale(0.8); transform: translateY(-50%) scale(0.8); border: 0.8vw solid rgba(171, 148, 125, 0.77); background-color: rgba(0, 0, 0, 0.77); padding: 4.53333vw 5.33333vw; -webkit-border-radius: 2.13333vw; -moz-border-radius: 2.13333vw; border-radius: 2.13333vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -moz-box-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; visibility: hidden; opacity: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
  .join-mobile-block .join-mobile-popup.join-mobile-popup-show { visibility: visible; opacity: 1; -webkit-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); -moz-transform: translateY(-50%) scale(1); -o-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); }
  .join-mobile-block .join-mobile-popup .join-mobile-block-close { width: 8vw; height: 8vw; position: absolute; top: -4vw; right: -4vw; border: 0.53333vw solid rgba(171, 148, 125, 0.77); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: rgba(0, 0, 0, 0.77); color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; }
  .join-mobile-block .join-mobile-popup .join-mobile-block-close i { width: 4.26667vw; height: 4.26667vw; line-height: 4.26667vw; font-size: 4.26667vw; font-weight: bold; }
  .join-mobile-block .join-mobile-popup .join-mobile-input { width: 46%; height: 8vw; border: 1px solid #fff; -webkit-border-radius: 0.66667vw; -moz-border-radius: 0.66667vw; border-radius: 0.66667vw; margin-bottom: 3.73333vw; }
  .join-mobile-block .join-mobile-popup .join-mobile-input input { width: 100%; height: 100%; padding: 0 2.13333vw; background-color: transparent; border: 0; color: #fff; font-size: 3.2vw; }
  .join-mobile-block .join-mobile-popup .join-mobile-input input::-webkit-input-placeholder { font-size: 3.2vw; color: rgba(255, 255, 255, 0.5); }
  .join-mobile-block .join-mobile-popup .join-mobile-input input::-moz-placeholder { font-size: 3.2vw; color: rgba(255, 255, 255, 0.5); }
  .join-mobile-block .join-mobile-popup .join-mobile-input input:-moz-placeholder { font-size: 3.2vw; color: rgba(255, 255, 255, 0.5); }
  .join-mobile-block .join-mobile-popup .join-mobile-input input:-ms-input-placeholder { font-size: 3.2vw; color: rgba(255, 255, 255, 0.5); }
  .join-mobile-block .join-mobile-popup .join-mobile-textarea { width: 100%; margin-bottom: 4.66667vw; }
  .join-mobile-block .join-mobile-popup .join-mobile-textarea textarea { width: 100%; background-color: transparent; resize: none; color: #fff; border: 1px solid #fff; -webkit-border-radius: 0.66667vw; -moz-border-radius: 0.66667vw; border-radius: 0.66667vw; padding: 1.33333vw 2.13333vw; height: 20vw; line-height: 5.33333vw; font-size: 3.2vw; }
  .join-mobile-block .join-mobile-popup .join-mobile-textarea textarea::-webkit-input-placeholder { font-size: 3.2vw; color: rgba(255, 255, 255, 0.5); }
  .join-mobile-block .join-mobile-popup .join-mobile-textarea textarea::-moz-placeholder { font-size: 3.2vw; color: rgba(255, 255, 255, 0.5); }
  .join-mobile-block .join-mobile-popup .join-mobile-textarea textarea:-moz-placeholder { font-size: 3.2vw; color: rgba(255, 255, 255, 0.5); }
  .join-mobile-block .join-mobile-popup .join-mobile-textarea textarea:-ms-input-placeholder { font-size: 3.2vw; color: rgba(255, 255, 255, 0.5); }
  .join-mobile-block .join-mobile-popup .join-mobile-btn { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; -moz-box-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; }
  .join-mobile-block .join-mobile-popup .join-mobile-btn .join-mobile-annex { padding: 1.33333vw 2.13333vw; border: 1px solid #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; -webkit-border-radius: 0.66667vw; -moz-border-radius: 0.66667vw; border-radius: 0.66667vw; color: rgba(255, 255, 255, 0.5); font-size: 3.2vw; line-height: 4.8vw; }
  .join-mobile-block .join-mobile-popup .join-mobile-btn .join-mobile-annex i { font-size: 3.2vw; color: rgba(255, 255, 255, 0.5); margin-right: 1.33333vw; }
  .join-mobile-block .join-mobile-popup .join-mobile-btn button { border: 1px solid #ab947d; background-color: #ab947d; padding: 1.33333vw 5.33333vw; font-size: 3.2vw; line-height: 4.8vw; color: #fff; -webkit-border-radius: 0.66667vw; -moz-border-radius: 0.66667vw; border-radius: 0.66667vw; margin-left: -webkit-calc(50% - 235 * 100vw / 750); margin-left: -moz-calc(50% - 235 * 100vw / 750); margin-left: calc(50% - 235 * 100vw / 750); }
  .join-mobile-block .join-mobile-popup .join-mobile-btn button.join-job-school-btn { background-color: #5da695; }
  /* join-结束 */
  /* multi-开始 */
  .multi { width: 100%; height: -webkit-calc(100vh - (80 * 100vw / 750)); height: -moz-calc(100vh - (80 * 100vw / 750)); height: calc(100vh - (80 * 100vw / 750)); }
  .multi img { width: 100%; height: 100%; pointer-events: none; }
  /* multi-结束 */
  /* page-multi-开始 */
  .page-multi { width: 100%; padding: 8vw 3.46667vw 6.66667vw; }
  .page-multi .page-multi-item { width: 100%; }
  .page-multi .page-multi-item .page-multi-item-img { width: 100%; }
  .page-multi .page-multi-item .page-multi-item-img img { width: 100%; margin-bottom: 4.26667vw; pointer-events: none; }
  .page-multi .page-multi-item .page-multi-item-img img:last-child { margin-bottom: 0; }
  .page-multi .page-multi-item .page-multi-item-info { width: 100%; margin-top: 4.8vw; text-align: center; }
  .page-multi .page-multi-item .page-multi-item-info h3 { width: 100%; font-size: 4.26667vw; line-height: 6.66667vw; color: #434343; font-weight: bold; margin-bottom: 0.8vw; }
  .page-multi .page-multi-item .page-multi-item-info .page-multi-item-desc { width: 100%; text-align: center; color: #8b8686; font-size: 3.2vw; line-height: 5.06667vw; }
  .page-multi .page-multi-center { position: relative; width: 100%; background-color: #fbfbfb; margin: 9.33333vw 0; padding: 15.33333vw 0 0; }
  .page-multi .page-multi-center .page-multi-cricle { position: relative; width: 37.73333vw; height: 37.73333vw; border: 0.66667vw solid #c7c8c8; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 auto 17.73333vw; }
  .page-multi .page-multi-center .page-multi-cricle::before { content: ""; position: absolute; top: 50%; left: 50%; width: 32.4vw; height: 32.4vw; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 0.4vw solid #c7c8c8; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
  .page-multi .page-multi-center .page-multi-cricle a { height: 8vw; position: absolute; top: -2.13333vw; left: 22.13333vw; }
  .page-multi .page-multi-center .page-multi-cricle a:nth-child(2) { top: 16vw; left: 31.33333vw; }
  .page-multi .page-multi-center .page-multi-cricle a:nth-child(3) { top: auto; bottom: -2.13333vw; left: 21.06667vw; }
  .page-multi .page-multi-center .page-multi-cricle a:nth-child(4) { top: auto; left: auto; bottom: 5.06667vw; right: 29.33333vw; }
  .page-multi .page-multi-center .page-multi-cricle a:nth-child(5) { top: 3.86667vw; left: auto; right: 29.33333vw; }
  .page-multi .page-multi-center .page-multi-cricle a img { height: 100%; pointer-events: none; }
  .page-multi .page-multi-center .page-multi-center-info { width: 100%; padding-top: 5.33333vw; text-align: center; background-color: #fff; }
  .page-multi .page-multi-center .page-multi-center-info h3 { width: 100%; font-size: 4.26667vw; line-height: 6.66667vw; color: #434343; font-weight: bold; margin-bottom: 0.8vw; }
  .page-multi .page-multi-center .page-multi-center-info .page-multi-center-desc { width: 100%; text-align: center; color: #8b8686; font-size: 3.2vw; line-height: 5.06667vw; }
  /* page-multi-结束 */
  /* news-开始 */
  .news { width: 100%; padding-top: 6.66667vw; }
  .news .news-container { width: 100%; padding: 0 3.46667vw; }
  .news .news-container .news-list { width: 100%; }
  .news .news-container .news-list li { width: 100%; margin-bottom: 3.33333vw; }
  .news .news-container .news-list li .news-img { width: 100%; }
  .news .news-container .news-list li .news-img img { width: 100%; vertical-align: top; pointer-events: none; }
  .news .news-container .news-list li .news-block { width: 100%; margin-top: 1.33333vw; }
  .news .news-container .news-list li .news-block h3 { width: 100%; font-size: 3.46667vw; line-height: 6.66667vw; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
  .news .news-container .news-list li .news-block .news-date { width: 100%; line-height: 6.66667vw; color: #666; }
  .news .news-container .news-list li .news-block .news-des { width: 100%; line-height: 5.33333vw; font-size: 3.46667vw; text-align: justify; color: #8f8f8f; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .news .news-container .news-list li .news-more { color: #a98662; text-transform: uppercase; font-size: 3.2vw; line-height: 4vw; margin-top: 1.33333vw; text-align: right; }
  /* news-结束 */
  /* page-开始 */
  .details { padding: 5.33333vw 0; }
  .details .details-container { width: 100%; padding: 0 3.46667vw; }
  .details .details-container h3 { font-size: 4.26667vw; line-height: 6vw; text-align: center; margin-bottom: 5.33333vw; }
  .details .details-container .details-info { font-size: 3.2vw; color: #999; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -moz-box-align: center; align-items: center; line-height: 4.66667vw; margin: 2.66667vw 0; }
  .details .details-container .details-info .details-info-item { margin-left: 2vw; }
  .details .details-container .details-info .details-info-item:first-child { margin-left: 0; }
  .details .details-container .details-info .details-info-share { display: none; }
  .details .details-container .details-content { width: 100%; font-size: 3.46667vw; line-height: 5.33333vw; text-align: justify; }
  .details .details-container .details-content img { max-width: 100%; pointer-events: none; }
  .details .details-container .details-page { width: 100%; margin-top: 5.33333vw; }
  .details .details-container .details-page .details-page-prev, .details .details-container .details-page .details-page-next { width: 100%; height: 10.66667vw; line-height: 10.66667vw; border: 1px solid #ddd; -webkit-border-radius: 1.33333vw; -moz-border-radius: 1.33333vw; border-radius: 1.33333vw; font-size: 3.46667vw; padding: 0 1.33333vw; -webkit-box-shadow: 0 0 1.6vw #dfdfdf; -moz-box-shadow: 0 0 1.6vw #dfdfdf; box-shadow: 0 0 1.6vw #dfdfdf; }
  .details .details-container .details-page .details-page-prev i, .details .details-container .details-page .details-page-next i { float: left; font-size: 5.06667vw; width: 5.06667vw; height: 100%; line-height: 10.13333vw; margin-right: 1.33333vw; }
  .details .details-container .details-page .details-page-prev a, .details .details-container .details-page .details-page-next a { width: -webkit-calc(100% - 60 * 100vw / 750); width: -moz-calc(100% - 60 * 100vw / 750); width: calc(100% - 60 * 100vw / 750); height: 100%; display: inline-block; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; vertical-align: top; }
  .details .details-container .details-page .details-page-prev { margin-bottom: 2.66667vw; }
  /* page-结束 */
  /* product-开始 */
  .product { width: 100%; margin-bottom: 6.66667vw; padding: 4vw 3.46667vw 0; }
  .product .product-block { width: 100%; }
  .product .product-block .product-intro-title { width: 100%; font-weight: 500; padding: 5.33333vw 0; }
  .product .product-block .product-intro-title h3 { width: 100%; font-size: 4.8vw; line-height: 6.66667vw; font-weight: bold; }
  .product .product-block .product-intro-title .product-intro-title-en { width: 100%; font-size: 2.66667vw; line-height: 5.33333vw; text-transform: uppercase; color: #AB947D; }
  .product .product-block .product-intro-title b { display: block; width: 4vw; height: 0.53333vw; background-color: #AB947D; margin: 2.66667vw 0 0; }
  .product .product-block .product-list { width: 100%; }
  .product .product-block .product-list li { width: 100%; position: relative; margin-bottom: 4vw; }
  .product .product-block .product-list li:last-child { margin-bottom: 0; }
  .product .product-block .product-list li img { width: 100%; pointer-events: none; }
  .product .product-block .product-list li h3 { position: absolute; top: 4vw; right: 4vw; font-size: 3.46667vw; line-height: 6vw; color: #fff; letter-spacing: 0.26667vw; max-width: -webkit-calc(100% - 60 * 100vw / 750); max-width: -moz-calc(100% - 60 * 100vw / 750); max-width: calc(100% - 60 * 100vw / 750); white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
  /* product-结束 */
  /* product-details-开始 */
  .product-details { width: 100%; padding: 4vw 3.46667vw 9.33333vw; }
  .product-details .product-details-desc { font-size: 3.2vw; color: #C29569; }
  .product-details .product-details-title { font-size: 3.73333vw; line-height: 6.66667vw; }
  .product-details .product-details-subtitle { font-size: 3.2vw; margin-bottom: 4vw; }
  .product-details > h3 { width: 100%; font-size: 3.46667vw; text-align: center; font-weight: 500; line-height: 6.66667vw; }
  .product-details .product-details-img { width: 100%; position: relative; margin: 2.66667vw 0; }
  .product-details .product-details-img img { width: 100%; pointer-events: none; }
  .product-details .product-details-img h3 { position: absolute; top: 4vw; right: 4vw; max-width: -webkit-calc(100% - 60 * 100vw / 750); max-width: -moz-calc(100% - 60 * 100vw / 750); max-width: calc(100% - 60 * 100vw / 750); font-size: 3.46667vw; line-height: 5.33333vw; color: #fff; }
  .product-details .product-details-content { width: 100%; text-align: justify; font-size: 3.2vw; line-height: 6vw; word-wrap: break-word; }
  .product-details .product-details-content .product-details-content-img { width: 100%; margin: 4vw 0; }
  .product-details .product-details-content .product-details-content-img img { max-width: 100%; pointer-events: none; }
  .product-details .product-details-content .product-details-content-img.product-details-content-imgs { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  /* product-details-结束 */
  /* subsidiary-开始 */
  .subsidiary { width: 100%; margin-bottom: 8vw; padding: 9.33333vw 3.46667vw 0; }
  .subsidiary .subsidiary-intro-title { width: 100%; font-weight: 500; padding: 0 0 5.33333vw; }
  .subsidiary .subsidiary-intro-title h3 { width: 100%; font-size: 4.8vw; line-height: 6.66667vw; font-weight: bold; }
  .subsidiary .subsidiary-intro-title .subsidiary-intro-title-en { width: 100%; font-size: 2.66667vw; line-height: 5.33333vw; text-transform: uppercase; color: #AB947D; }
  .subsidiary .subsidiary-intro-title b { display: block; width: 4vw; height: 0.53333vw; background-color: #AB947D; margin: 2.66667vw 0 0; }
  .subsidiary .subsidiary-list { width: 100%; }
  .subsidiary .subsidiary-list li { width: 100%; margin-bottom: 4vw; position: relative; }
  .subsidiary .subsidiary-list li:last-child { margin-bottom: 0; }
  .subsidiary .subsidiary-list li h3 { width: -webkit-calc(100% - 70 * 100vw / 750); width: -moz-calc(100% - 70 * 100vw / 750); width: calc(100% - 70 * 100vw / 750); font-weight: 500; font-size: 3.46667vw; line-height: 5.33333vw; position: absolute; top: 4vw; right: 4.66667vw; text-align: right; color: #fff; }
  .subsidiary .subsidiary-list li img { width: 100%; pointer-events: none; }
  /* subsidiary-结束 */
  /* subsidiary-开始 */
  .subsidiary-details { width: 100%; padding: 9.33333vw 3.46667vw 6.66667vw; }
  .subsidiary-details h3 { width: 100%; font-size: 4.26667vw; line-height: 6.66667vw; text-align: justify; margin-bottom: 2.66667vw; font-weight: bold; }
  .subsidiary-details .subsidiary-details-content { width: 100%; line-height: 6.66667vw; font-size: 3.2vw; text-align: justify; word-wrap: break-word; }
  .subsidiary-details .subsidiary-details-content img { max-width: 100%; pointer-events: none; }
  .subsidiary-details .subsidiary-details-img { width: 100%; margin-top: 6vw; }
  .subsidiary-details .subsidiary-details-img img { width: 100%; pointer-events: none; }
  /* subsidiary-结束 */
  /* duty-开始 */
  .duty { width: 100%; padding: 7.33333vw 0 5.33333vw; background-color: #fafafa; }
  .duty .duty-title { width: 100%; font-weight: 500; padding: 0 3.46667vw 5.33333vw; }
  .duty .duty-title h3 { width: 100%; font-size: 4.8vw; line-height: 6.66667vw; font-weight: bold; }
  .duty .duty-title .duty-title-en { width: 100%; font-size: 2.66667vw; line-height: 5.33333vw; text-transform: uppercase; color: #AB947D; }
  .duty .duty-title b { display: block; width: 4vw; height: 0.53333vw; background-color: #AB947D; margin: 2.66667vw 0 0; }
  .duty .duty-list { width: 100%; }
  .duty .duty-list li { width: 100%; margin-bottom: 4vw; }
  .duty .duty-list li:last-child { margin-bottom: 0; }
  .duty .duty-list li .duty-img { width: 100%; height: 42.66667vw; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }
  .duty .duty-list li .duty-img img { width: 100%; min-height: 100%; pointer-events: none; }
  .duty .duty-list li .duty-container { width: 100%; background-color: #eee; padding: 4vw 3.46667vw; }
  .duty .duty-list li .duty-container h5 { font-size: #c18f60; font-size: 4.26667vw; line-height: 6.66667vw; margin-bottom: 2.66667vw; color: #c18f60; }
  .duty .duty-list li .duty-container .duty-desc { line-height: 5.6vw; color: #838383; font-size: 2.93333vw; text-align: justify; }
  /* duty-结束 */
  /* new mobile start */
  .new-mobile-banner { width: 100%; position: relative; }
  .new-mobile-banner img { width: 100%; vertical-align: top; }
  .new-mobile-info { width: 100%; background: url(../images/new_mobile_group.png) no-repeat; background-position: 0 8vw; -moz-background-size: 75% auto; -o-background-size: 75% auto; background-size: 75% auto; background-color: #f6f6f6; padding: 13.6vw 10.66667vw 9.86667vw; position: relative; }
  .new-mobile-info h3 { width: 100%; text-align: center; font-size: 4vw; line-height: 4vw; margin-bottom: 4.66667vw; }
  .new-mobile-info .new-mobile-content { font-size: 2.93333vw; line-height: 5.86667vw; text-align: justify; color: #999; }
  .new-mobile-swiper { width: 100%; position: relative; }
  .new-mobile-swiper img { width: 100%; vertical-align: top; }
  .new-mobile-swiper .new-mobile-swiper-info { width: 100%; font-size: 2.93333vw; color: #999; line-height: 5.86667vw; text-align: justify; padding: 6.66667vw 10.66667vw 11.2vw; background-color: #fff; }
  .new-mobile-swiper .swiper-pagination { bottom: 3.33333vw; }
  .new-mobile-swiper .swiper-pagination .swiper-pagination-bullet { width: 2.13333vw; height: 2.13333vw; -webkit-border-radius: 2.13333vw; -moz-border-radius: 2.13333vw; border-radius: 2.13333vw; background-color: #e8e8e8; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; opacity: 1; }
  .new-mobile-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #cfcfcf; width: 8vw; }
  .new-mobile-swiper .new-mobile-swiper-text { width: 100%; padding: 4vw 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 2.66667vw; color: #999; line-height: 3.2vw; background-color: #f6f6f6; }
  .new-mobile-swiper .new-mobile-swiper-text span { margin: 0 2.66667vw; }
  .new-mobile-swiper .new-mobile-swiper-text i { font-size: 3.2vw; width: 3.2vw; height: 3.2vw; line-height: 3.2vw; color: #b1b1b1; }
  .new-mobile-foot { width: 100%; padding: 5.33333vw 10.66667vw 6.66667vw; background-color: #f6f6f6; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; }
  .new-mobile-foot img { width: 20vw; vertical-align: top; margin-bottom: 5.33333vw; }
  .new-mobile-foot .new-mobile-foot-content { font-size: 2.93333vw; line-height: 5.86667vw; text-align: center; color: #666; }
  .new-mobile-fixed { position: fixed; right: 0; bottom: 35%; z-index: 999; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .new-mobile-fixed .new-mobile-fixed-item { width: 10.66667vw; height: 10.66667vw; position: relative; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
  .new-mobile-fixed .new-mobile-fixed-item:not(:last-child) { margin-bottom: 0.8vw; }
  .new-mobile-fixed .new-mobile-fixed-item:not(:last-child) .new-mobile-fixed-block i { width: 4.8vw; height: 4.8vw; line-height: 4.8vw; font-size: 4.8vw; }
  .new-mobile-fixed .new-mobile-fixed-item.show { width: 13.33333vw; height: 13.33333vw; }
  .new-mobile-fixed .new-mobile-fixed-item.show .new-mobile-fixed-block span { margin-top: 1.33333vw; height: 2.66667vw; }
  .new-mobile-fixed .new-mobile-fixed-item.show .new-mobile-fixed-phone { right: 10.66667vw; background-color: #c0af9f; visibility: visible; -webkit-transition: all .3s .5s; -o-transition: all .3s .5s; -moz-transition: all .3s .5s; transition: all .3s .5s; }
  .new-mobile-fixed .new-mobile-fixed-item.show .new-mobile-fixed-phone a { opacity: 1; -webkit-transition: all .5s .5s; -o-transition: all .5s .5s; -moz-transition: all .5s .5s; transition: all .5s .5s; }
  .new-mobile-fixed .new-mobile-fixed-item .new-mobile-fixed-block { width: 100%; height: 100%; background-color: #c0af9f; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .new-mobile-fixed .new-mobile-fixed-item .new-mobile-fixed-block i { width: 5.6vw; height: 5.6vw; line-height: 5.6vw; font-size: 5.6vw; color: #fff; }
  .new-mobile-fixed .new-mobile-fixed-item .new-mobile-fixed-block span { margin-top: 0.53333vw; height: 0; overflow: hidden; text-align: center; font-size: 2.4vw; line-height: 2.66667vw; color: #fff; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
  .new-mobile-fixed .new-mobile-fixed-item .new-mobile-fixed-phone { position: absolute; top: 0; right: 5.33333vw; width: 40vw; height: 100%; background-color: rgba(192, 175, 159, 0); padding: 0 5.33333vw; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; visibility: hidden; }
  .new-mobile-fixed .new-mobile-fixed-item .new-mobile-fixed-phone a { color: #fff; font-size: 3.2vw; line-height: 3.2vw; text-align: center; opacity: 0; }
  .new-mobile-fixed .new-mobile-fixed-item .new-mobile-fixed-phone a:not(:last-child) { margin-bottom: 2.66667vw; }
  .new-mobile-container { width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; z-index: 99; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; cursor: pointer; opacity: 0; }
  .new-mobile-container:hover { opacity: 1; }
  .new-mobile-container i { color: #fff; font-size: 30px; }
  /* new mobile end */ }